:root{--page-bg:#f4f6f8;--page-gradient:#2d5b7014;--surface-bg:#fff;--surface-shadow:#16202d14;--border-color:#d8dee4;--input-border:#cbd5df;--input-bg:#fff;--input-readonly-bg:#f8fafc;--input-disabled-bg:#eef2f5;--text-primary:#17202a;--text-secondary:#27313a;--text-muted:#5d6873;--text-disabled:#707c86;--accent:#23614a;--accent-contrast:#fff;--accent-muted:#e8edf2;--link-color:#245d7a;--danger:#9d2f38;--success:#23614a;--focus-ring:#245d7a57;color:var(--text-primary);background:var(--page-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--page-bg:#111416;--page-gradient:#40846824;--surface-bg:#191d1f;--surface-shadow:#00000057;--border-color:#30383c;--input-border:#3d484d;--input-bg:#121618;--input-readonly-bg:#151a1d;--input-disabled-bg:#22282b;--text-primary:#edf2f4;--text-secondary:#d3dcdf;--text-muted:#9aa8ad;--text-disabled:#748186;--accent:#56a77c;--accent-contrast:#07130d;--accent-muted:#273237;--link-color:#7eb6d4;--danger:#e06f7b;--success:#72c497;--focus-ring:#7eb6d45c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text-primary);background:var(--page-bg);margin:0}*,:before,:after{box-sizing:border-box}#root{min-height:100vh}.app-shell{background:linear-gradient(135deg, var(--page-gradient), transparent 36%), var(--page-bg);grid-template-rows:auto auto;align-content:start;place-items:start center;gap:10px;min-height:100vh;padding:20px;display:grid}.app-toolbar{justify-content:space-between;align-items:center;gap:16px;width:min(100%,1080px);display:flex}.home-logo{min-height:44px;color:var(--text-primary);align-items:center;gap:10px;font-size:.98rem;font-weight:800;text-decoration:none;display:inline-flex}.home-logo img{width:36px;height:36px;display:block}.theme-toggle{border:1px solid var(--border-color);min-width:104px;color:var(--text-primary);background:var(--surface-bg);box-shadow:0 8px 24px var(--surface-shadow);align-items:center;gap:8px;padding:0 12px;display:inline-flex}.theme-toggle-indicator{background:linear-gradient(90deg,currentColor 0 50%,#0000 50% 100%);border:2px solid;border-radius:50%;width:18px;height:18px}.workspace{border:1px solid var(--border-color);background:var(--surface-bg);width:min(100%,1080px);box-shadow:0 18px 60px var(--surface-shadow);border-radius:8px;gap:16px;padding:22px;display:grid}.workspace-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.eyebrow{color:var(--link-color);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:700}h1,h2,p{letter-spacing:0;margin:0}h1{color:var(--text-primary);font-size:1.95rem;line-height:1.08}h2{color:var(--text-primary);font-size:1rem;line-height:1.2}.workspace-subtitle{color:var(--text-secondary);margin-top:6px;font-size:.95rem;line-height:1.35}.create-layout{grid-template-columns:minmax(240px,.78fr) minmax(0,1.42fr);align-items:start;gap:24px;display:grid}.create-main{gap:14px;min-width:0;display:grid}.secret-form{gap:14px;display:grid}.intro-panel{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);gap:12px;padding:14px 0;display:grid}.intro-panel p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.intro-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.intro-list li{border:1px solid var(--border-color);color:var(--text-muted);background:var(--input-readonly-bg);border-radius:8px;padding:7px 9px;font-size:.84rem;line-height:1.3}.field-stack{gap:7px;display:grid}.label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}label{color:var(--text-primary);font-size:.92rem;font-weight:700}textarea,input,select{border:1px solid var(--input-border);width:100%;color:var(--text-primary);background:var(--input-bg);font:inherit;border-radius:8px}textarea{resize:vertical;min-height:192px;padding:13px 14px;line-height:1.45}input,select{min-height:40px;padding:0 12px}.secret-input{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,ui-monospace,monospace}input[readonly]{color:var(--text-secondary);background:var(--input-readonly-bg)}input:disabled{color:var(--text-disabled);background:var(--input-disabled-bg)}.secret-input.is-masked{-webkit-text-security:disc}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.expiration-control{grid-template-columns:minmax(96px,1fr) minmax(132px,.8fr);gap:8px;display:grid}.generator-panel{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);gap:10px;padding:14px 0;display:grid}.generator-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.generator-copy{gap:5px;display:grid}.generator-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.generator-toggle{flex:none}.generator-grid{grid-template-columns:minmax(140px,180px) 1fr;align-items:end;gap:14px;display:grid}.generator-options{flex-wrap:wrap;align-items:center;gap:14px;min-height:40px;display:flex}.checkbox-row{color:var(--text-secondary);align-items:center;gap:10px;font-weight:600;display:flex}.checkbox-row input{width:18px;min-height:18px}.view-policy{align-content:start;gap:10px;display:grid}.view-policy-toggle{align-items:center;min-height:40px}.view-policy-toggle>span{gap:2px;display:grid}.view-policy-toggle strong{color:var(--text-primary);font-size:.92rem;line-height:1.2}.view-policy-toggle span span{color:var(--text-muted);font-size:.84rem;line-height:1.3}.view-limit-field{padding-top:2px}button{min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:8px;font-weight:700}button:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.58}.primary-button{color:var(--accent-contrast);background:var(--accent)}.secondary-button{color:var(--text-primary);background:var(--accent-muted);padding:0 16px}.danger-button{color:#fff;background:var(--danger);padding:0 16px}.text-button{min-height:auto;color:var(--link-color);background:0 0;padding:0}.result-block{border-top:1px solid var(--border-color);gap:10px;padding-top:14px;display:grid}.meta-line,.message{color:var(--text-muted);font-size:.86rem;line-height:1.4}.is-danger{color:var(--danger)}.is-success{color:var(--success)}.secret-summary{border-bottom:1px solid var(--border-color);gap:4px;padding:0 0 16px;display:grid}.secret-summary span{color:var(--text-muted);font-size:.8rem}.secret-summary strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:.95rem}.action-row{flex-wrap:wrap;gap:12px;display:flex}.action-row .primary-button{flex:220px}@media (width<=680px){.app-shell{padding:16px}.workspace{padding:20px}.workspace-header{flex-direction:column;align-items:stretch}h1{font-size:1.8rem}.create-layout{grid-template-columns:1fr;gap:18px}.intro-list{flex-wrap:wrap;gap:10px;display:flex}.settings-grid,.expiration-control,.generator-grid,.generator-header{grid-template-columns:1fr}}