:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#202124;--page:#f5f6f7;--surface:#ffffffe0;--surface-solid:#fff;--surface-subtle:#f1f2f4;--text:#202124;--muted:#70747c;--faint:#9a9ea6;--stroke:#e1e3e7;--accent:#f06455;--accent-soft:#fff0ed;--danger:#d83a43;--success:#218b68;--shadow:#12182117;--radius:8px;background:#f5f6f7;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#111214;--surface:#1d1e21e6;--surface-solid:#1d1e21;--surface-subtle:#26282c;--text:#f4f5f7;--muted:#a8acb3;--faint:#7f848c;--stroke:#34363b;--accent:#ff7466;--accent-soft:#382522;--danger:#ff7078;--success:#5bc49d;--shadow:#0000004d}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#111214;--surface:#1d1e21e6;--surface-solid:#1d1e21;--surface-subtle:#26282c;--text:#f4f5f7;--muted:#a8acb3;--faint:#7f848c;--stroke:#34363b;--accent:#ff7466;--accent-soft:#382522;--danger:#ff7078;--success:#5bc49d;--shadow:#0000004d}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}html,body,#root{min-width:320px;min-height:100%}body{overscroll-behavior:none;background:var(--page);min-height:100vh;color:var(--text);margin:0;overflow:hidden}button,input,textarea,select{font:inherit;letter-spacing:0}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:1px}.glass{background:var(--surface);border:1px solid color-mix(in srgb, var(--stroke) 82%, transparent);box-shadow:0 16px 48px var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(1.25)}.wordmark{color:var(--text);white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:750;display:inline-flex}.wordmark-mark{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.primary{border-radius:var(--radius);background:var(--accent);color:#fff;min-height:44px;box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 22%, transparent);border:0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.primary.round{width:44px;height:44px;padding:0}.primary.wide{width:100%}.icon-button{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--surface-solid);width:44px;height:44px;color:var(--text);justify-content:center;align-items:center;display:inline-flex}.text-button{color:var(--accent);background:0 0;border:0;padding:4px}.mobile-only,.mobile-tabs,.mobile-menu-button,.mobile-editor-close{display:none}.splash,.login-screen{background:var(--page);place-items:center;min-height:100vh;padding:24px;display:grid}.splash{align-content:center;gap:20px}.spinner{border:3px solid var(--stroke);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-card{text-align:center;border-radius:16px;gap:16px;width:min(400px,100%);padding:32px;display:grid}.login-icon{width:72px;height:72px;box-shadow:0 12px 30px var(--shadow);border-radius:16px;margin:0 auto 2px}.login-card .wordmark{justify-content:center;font-size:24px}.login-card .wordmark-mark{display:none}.login-card p,.login-card small{color:var(--muted);margin:0;line-height:1.45}.login-card label,.editor-fields label,.language-editors label{text-align:left;color:var(--muted);gap:7px;font-size:13px;font-weight:650;display:grid}input,select,textarea{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--surface-solid);width:100%;min-height:46px;color:var(--text);outline:none;padding:0 13px}textarea{resize:vertical;min-height:280px;padding:15px;line-height:1.55}.dev-code{border-radius:var(--radius);background:var(--surface-subtle);padding:10px 12px}.error-text{color:var(--danger)!important}.app-shell{background:var(--surface-solid);grid-template-columns:224px minmax(350px,420px) minmax(440px,1fr);height:100dvh;display:grid;overflow:hidden}.app-shell.single-pane .library-pane{grid-column:2/4}.sidebar{border:0;border-right:1px solid var(--stroke);min-height:0;box-shadow:none;border-radius:0;flex-direction:column;padding:18px 12px;display:flex}.sidebar-top{justify-content:space-between;align-items:center;min-height:50px;padding:0 8px 18px;display:flex}.sidebar nav{gap:3px;display:grid}.sidebar nav button{border-radius:var(--radius);min-height:46px;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0 12px;font-weight:600;display:flex}.sidebar nav button:hover{background:var(--surface-subtle);color:var(--text)}.sidebar nav button.active{background:var(--accent-soft);color:var(--accent)}.sidebar-account{border-top:1px solid var(--stroke);align-items:center;gap:10px;min-width:0;margin-top:auto;padding:12px 8px 4px;display:flex}.avatar{background:var(--surface-subtle);width:38px;height:38px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-weight:750;display:grid}.sidebar-account div{min-width:0}.sidebar-account strong,.sidebar-account small{text-overflow:ellipsis;white-space:nowrap;max-width:142px;display:block;overflow:hidden}.sidebar-account strong{font-size:14px}.sidebar-account small{color:var(--muted);text-transform:capitalize;margin-top:2px;font-size:12px}.sidebar-account .quota-status.compact{margin-top:3px}.library-pane{border-right:1px solid var(--stroke);background:var(--surface-solid);grid-template-rows:auto auto 1fr;min-width:0;min-height:0;display:grid;overflow:hidden}.library-header{border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:12px 16px;display:flex}.library-title{align-items:baseline;gap:8px;min-width:0;display:flex}.library-title h1{margin:0;font-size:20px;line-height:1.2}.library-title span{color:var(--faint);font-size:13px}.header-actions{align-items:center;gap:8px;display:flex}.folder-back{flex:none}.folder-add-prompts{min-height:40px}.library-controls{border-bottom:1px solid var(--stroke);gap:10px;padding:12px 16px 0;display:grid}.search-box{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--surface-subtle);min-height:44px;color:var(--muted);align-items:center;gap:9px;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;flex:1;min-height:42px;padding:0}.search-box button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.filter-row{scrollbar-width:none;gap:22px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-row button{min-height:42px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:0;font-size:13px;font-weight:600}.filter-row button.active{border-bottom-color:var(--accent);color:var(--accent)}.prompt-list{scrollbar-width:thin;min-height:0;padding:0 0 96px;overflow:auto}.prompt-card{border:0;border-bottom:1px solid var(--stroke);background:var(--surface-solid);gap:7px;min-height:124px;padding:15px 16px;display:grid;position:relative}.prompt-card:before{content:"";background:0 0;width:3px;position:absolute;inset:0 auto 0 0}.prompt-card:hover{background:color-mix(in srgb, var(--surface-subtle) 62%, transparent)}.prompt-card.selected{background:var(--accent-soft)}.prompt-card.selected:before{background:var(--accent)}.prompt-card-top,.prompt-card-title,.prompt-card footer,.copy-actions,.tag-row{align-items:center;gap:8px;display:flex}.prompt-thumbnail{border-radius:var(--radius);object-fit:cover;border:1px solid var(--stroke);background:var(--surface-subtle);flex:none;width:44px;height:44px}.prompt-card-title{flex:1;min-width:0}.prompt-card h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:15px;line-height:1.35;overflow:hidden}.prompt-title-button{max-width:100%;color:var(--text);font:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:2px 0;font-weight:700;overflow:hidden}.prompt-card .heart{background:0 0;border:0;flex:none;width:34px;height:34px}.heart.active{color:var(--accent)}.prompt-preview{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin:0;font-size:13px;line-height:1.4;overflow:hidden}.tag-row{flex-wrap:wrap;min-height:0}.tag-pill{color:var(--muted);font-size:11px;font-weight:600}.tag-pill+.tag-pill{margin-left:2px}.prompt-card footer{min-width:0;color:var(--faint);justify-content:space-between;font-size:12px}.prompt-card footer>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;display:inline-flex;overflow:hidden}.copy-actions button{background:var(--surface-subtle);min-height:32px;color:var(--muted);border:0;border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.copy-actions .danger-action{width:32px;color:var(--danger);background:0 0;justify-content:center;padding:0}.editor-pane{background:var(--surface-solid);grid-template-rows:auto auto 1fr;min-width:0;min-height:0;display:grid;overflow:hidden}.editor-header{border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:12px 20px;display:flex}.editor-title{flex:1;min-width:0}.editor-title h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;line-height:1.3;overflow:hidden}.editor-actions{align-items:center;gap:9px;display:flex}.editor-save{min-height:40px}.save-status{min-height:34px;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.save-status.saved{color:var(--success)}.save-status.error,.save-status.conflict{color:var(--danger)}.conflict-banner{border:1px solid color-mix(in srgb, var(--danger) 36%, var(--stroke));border-radius:var(--radius);background:color-mix(in srgb, var(--danger) 8%, var(--surface-solid));color:var(--danger);margin:12px 20px 0;padding:12px;font-size:13px}.conflict-banner button{min-height:34px;color:var(--danger);border:0;border-radius:6px;margin-left:10px;padding:0 10px}.editor-scroll{align-content:start;gap:18px;min-height:0;padding:20px;display:grid;overflow:auto}.editor-fields{gap:14px;display:grid}.editor-meta-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.favorite-toggle,.swap{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--surface-solid);min-height:46px;color:var(--text);justify-content:center;align-items:center;gap:7px;padding:0 13px;font-weight:650;display:inline-flex}.favorite-toggle.active{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 28%, var(--stroke))}.editor-tags>span{color:var(--muted);font-size:13px;font-weight:650}.thumbnail-control{border:1px solid var(--stroke);border-radius:var(--radius);grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px 12px;padding:10px;display:grid}.thumbnail-control img,.thumbnail-control>svg{border-radius:var(--radius);object-fit:cover;width:56px;height:56px;color:var(--muted);background:var(--surface-subtle);grid-row:span 2}.thumbnail-control input{padding-top:10px}.thumbnail-control span{color:var(--muted);font-size:12px}.tag-selector{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.tag-selector button,.tag-cloud span{border:1px solid var(--stroke);background:var(--surface-solid);min-height:32px;color:var(--muted);border-radius:6px;padding:0 10px;font-size:12px;font-weight:600}.tag-selector button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.language-toolbar{border-bottom:1px solid var(--stroke);align-items:center;gap:12px;display:flex}.segmented{flex:1;min-width:0;display:flex}.segmented button{min-height:42px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;font-size:13px;font-weight:650}.segmented button.active{border-bottom-color:var(--accent);color:var(--accent)}.swap{min-height:38px;margin-bottom:4px}.language-editors{gap:14px;display:grid}.language-editors.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.language-editors label>span{justify-content:space-between;align-items:center;display:flex}.language-editors label button{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;font-size:12px;display:inline-flex}.content-page{min-height:0;padding:20px 20px 110px;overflow:auto}.content-page header{margin:0 0 22px}.content-page header h1{margin:0;font-size:24px}.content-page header p{color:var(--muted);margin:6px 0 0}.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.plan-card,.settings-group{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--surface-solid);padding:18px}.plan-card.featured{border-color:var(--accent)}.plan-card.current{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 48%, transparent)}.plan-card h3,.settings-group h2,.collection-list h3{margin:0}.plan-card strong{margin:10px 0;font-size:25px;display:block}.plan-card p{min-height:60px;color:var(--muted);line-height:1.45}.plan-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.plan-heading svg{color:#d89a23}.plan-card ul{align-content:start;gap:9px;min-height:126px;margin:16px 0;padding:0;list-style:none;display:grid}.plan-card li{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:flex}.plan-card li svg{color:var(--success);flex:none}.plan-card button{border:1px solid var(--stroke);border-radius:var(--radius);min-height:42px;padding:0 13px;font-weight:650}.notice,.toast,.update-banner{border-radius:var(--radius);color:#fff;box-shadow:0 12px 34px var(--shadow);background:#25272b;padding:12px 14px}.notice{margin-top:14px}.notice.inline{background:var(--surface-subtle);color:var(--text);box-shadow:none;margin:8px 0 0}.muted-text,.full-email{color:var(--muted);overflow-wrap:anywhere}.history-row{border-top:1px solid var(--stroke);grid-template-columns:1fr auto;gap:4px 12px;padding:10px 0;display:grid}.history-row small{color:var(--muted);grid-column:1/3}.import-preview{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--surface-subtle);gap:10px;margin-top:10px;padding:12px;display:grid}.import-preview p{color:var(--muted);margin:0}.file-action{cursor:pointer;position:relative}.file-action input{opacity:0;cursor:pointer;position:absolute;inset:0}.delete-confirm-row,.inline-actions{align-items:center;gap:8px;margin-top:10px;display:flex}.delete-confirm-row input{max-width:180px}.inline-actions button,.collection-list article button,.tag-cloud button{border:1px solid var(--stroke);background:var(--surface-solid);min-height:32px;color:var(--muted);border-radius:6px;padding:0 8px;font-size:12px;font-weight:650}.danger-action{color:var(--danger)!important}.toast{z-index:50;white-space:nowrap;align-items:center;gap:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast button,.update-banner button{color:#202124;background:#fff;border:0;border-radius:6px;min-height:32px;padding:0 10px;font-weight:700}.update-banner{top:max(14px, env(safe-area-inset-top));z-index:60;align-items:center;gap:12px;display:flex;position:fixed;right:18px}.settings-page{align-content:start;gap:14px;display:grid}.account-plan{gap:16px;display:grid}.account-plan p{color:var(--muted);margin:5px 0 0}.setting-row,.setting-action{justify-content:space-between;align-items:center;gap:14px;display:flex}.segmented.compact{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--surface-subtle);width:fit-content;padding:3px}.segmented.compact button{border:0;border-radius:6px;align-items:center;gap:5px;min-height:36px;padding:0 10px;display:inline-flex}.segmented.compact button.active{background:var(--surface-solid);color:var(--text);box-shadow:0 1px 4px var(--shadow)}.setting-action{border:0;border-top:1px solid var(--stroke);width:100%;min-height:62px;color:var(--text);text-align:left;background:0 0;padding:0}.setting-action:first-of-type{margin-top:10px}.setting-action span{flex:1}.setting-action small{color:var(--muted);margin-top:3px;display:block}.setting-action.danger{color:var(--danger)}.logout-button{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--surface-solid);width:fit-content;min-height:44px;color:var(--text);align-items:center;gap:8px;padding:0 13px;display:inline-flex}.collection-list{border-top:1px solid var(--stroke);display:grid}.collection-list article{border-bottom:1px solid var(--stroke);cursor:pointer;align-items:center;gap:14px;min-height:68px;display:flex}.collection-list article>div{flex:1}.collection-list p{color:var(--muted);margin:4px 0 0}.folder-detail-summary{color:var(--muted);align-items:center;gap:9px;margin-bottom:18px;display:flex}.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.tag-cloud span{align-items:center;gap:6px;display:inline-flex}.text-size-smaller2 .prompt-preview,.text-size-smaller2 textarea{font-size:12px}.text-size-smaller1 .prompt-preview,.text-size-smaller1 textarea{font-size:13px}.text-size-larger1 .prompt-preview,.text-size-larger1 textarea{font-size:15px}.text-size-larger2 .prompt-preview,.text-size-larger2 textarea{font-size:17px}.floating-create{background:var(--accent);color:#fff;width:52px;height:52px;box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 30%, transparent);border:0;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:24px;right:24px}.empty-view{text-align:center;min-height:340px;color:var(--muted);align-content:center;place-items:center;gap:10px;padding:28px;display:grid}.empty-view h2{color:var(--text);margin:0}.empty-view p{max-width:360px;margin:0 0 8px}.quota-status{gap:11px;display:grid}.quota-item{gap:5px;display:grid}.quota-item>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.quota-item span{color:var(--muted);font-size:12px}.quota-item strong{font-size:12px}.quota-track{background:var(--surface-subtle);border-radius:99px;height:5px;overflow:hidden}.quota-track i{border-radius:inherit;background:var(--accent);height:100%;display:block}.quota-status.compact{color:var(--muted);gap:7px;font-size:10px;display:flex}.quota-status.compact .quota-item,.quota-status.compact .quota-item>div:first-child{display:block}.quota-status.compact .quota-item span{display:none}.quota-status.compact .quota-item strong{color:var(--muted);font-size:10px;font-weight:600}.unlimited-status{color:#d89a23;align-items:center;gap:7px;width:fit-content;font-weight:750;display:inline-flex}.unlimited-status.compact{font-size:11px}.modal-backdrop,.onboarding-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);background:#0a0c1075;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--stroke);background:var(--surface-solid);border-radius:16px;width:min(420px,100%);padding:22px;box-shadow:0 24px 70px #0000003d}.confirm-dialog h2{margin:0;font-size:20px}.confirm-dialog p{color:var(--muted);margin:10px 0 22px;line-height:1.5}.confirm-dialog>div{justify-content:flex-end;gap:9px;display:flex}.confirm-dialog button,.danger-primary{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--surface-solid);min-height:42px;color:var(--text);padding:0 14px;font-weight:700}.confirm-dialog .danger-primary{border-color:var(--danger);background:var(--danger);color:#fff}.selection-modal{border:1px solid var(--stroke);background:var(--surface-solid);border-radius:18px;grid-template-rows:auto auto minmax(180px,1fr) auto;gap:14px;width:min(620px,100%);max-height:min(720px,100dvh - 40px);padding:20px;display:grid;box-shadow:0 24px 70px #0000003d}.selection-modal>header,.selection-modal>footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.selection-modal h2{margin:0;font-size:20px}.selection-modal header p{color:var(--muted);margin:5px 0 0;font-size:13px}.selection-list{border-top:1px solid var(--stroke);min-height:0;overflow:auto}.selection-list>label{border-bottom:1px solid var(--stroke);cursor:pointer;align-items:center;gap:12px;min-height:64px;display:flex}.selection-list input,.onboarding-footer input{width:20px;min-height:20px;accent-color:var(--accent)}.selection-list span{gap:3px;display:grid}.selection-list small{color:var(--muted)}.selection-modal footer>span{color:var(--muted);font-size:13px}.onboarding-card{border:1px solid color-mix(in srgb, var(--stroke) 72%, transparent);background:var(--surface-solid);border-radius:24px;width:min(760px,100%);max-height:min(760px,100dvh - 28px);padding:24px;overflow:auto;box-shadow:0 30px 90px #00000047}.onboarding-card.plans-step{width:min(1060px,100%)}.onboarding-top{justify-content:space-between;align-items:center;display:flex}.onboarding-content{text-align:center;align-content:center;place-items:center;min-height:390px;padding:36px 28px;display:grid}.onboarding-content h1{letter-spacing:-.035em;max-width:720px;margin:18px 0 10px;font-size:clamp(30px,5vw,52px);line-height:1.04}.onboarding-content>p{max-width:650px;color:var(--muted);margin:0;font-size:17px;line-height:1.55}.onboarding-icon{background:var(--accent-soft);width:72px;height:72px;color:var(--accent);border-radius:20px;place-items:center;display:grid}.plans-step .onboarding-content{padding:24px 0;display:block}.plans-step .onboarding-content h1{margin-inline:auto;font-size:clamp(28px,4vw,42px)}.plans-step .onboarding-content>p{margin:0 auto 24px}.onboarding-footer{border-top:1px solid var(--stroke);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-top:18px;display:grid}.onboarding-footer>label{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:inline-flex}.onboarding-progress{gap:6px;display:flex}.onboarding-progress i{background:var(--stroke);border-radius:50%;width:7px;height:7px}.onboarding-progress i.active{background:var(--accent);border-radius:99px;width:22px}.onboarding-actions{justify-content:flex-end;gap:8px;display:flex}.onboarding-actions>button:not(.primary){min-height:44px;color:var(--muted);background:0 0;border:0;padding:0 12px;font-weight:700}@media (width<=1240px){.app-shell{grid-template-columns:78px minmax(330px,390px) minmax(400px,1fr)}.sidebar{align-items:center;padding-inline:10px}.sidebar-top{padding-inline:0}.sidebar .wordmark span:last-child,.sidebar nav span,.sidebar-account div{display:none}.sidebar nav button{justify-content:center;width:46px;padding:0}.sidebar-account{padding-inline:0}.language-editors.split,.plans{grid-template-columns:1fr}.plan-card ul{min-height:0}}@media (width<=860px){body{overflow:hidden}input,select,textarea{font-size:16px}.app-shell{background:var(--page);height:100dvh;display:block}.app-shell.single-pane .library-pane{grid-column:auto}.sidebar{z-index:40;width:min(300px,100vw - 48px);padding-top:max(18px, env(safe-area-inset-top));border-right:1px solid var(--stroke);align-items:stretch;transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.sidebar .wordmark span:last-child,.sidebar nav span,.sidebar-account div{display:initial}.sidebar nav button{justify-content:flex-start;width:auto;padding:0 12px}.mobile-only,.mobile-tabs,.mobile-menu-button,.mobile-editor-close{display:inline-flex}.library-pane{background:var(--surface-solid);border:0;grid-template-rows:auto auto 1fr;height:100dvh}.library-header{min-height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0}.library-title{flex:1;justify-content:center}.library-title h1{font-size:18px}.header-actions .icon-button{display:none}.header-actions .primary{visibility:hidden;width:44px}.header-actions .folder-add-prompts{visibility:visible;width:44px;padding:0;display:inline-flex}.folder-add-prompts span{display:none}.folder-back{display:inline-flex}.library-controls{padding:10px 12px 0}.search-box{min-height:42px}.prompt-list{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.prompt-card{min-height:112px;padding:13px 14px}.prompt-card.selected{background:var(--accent-soft)}.copy-actions{display:none}.editor-pane{z-index:30;background:var(--surface-solid);grid-template-rows:auto auto 1fr;position:fixed;inset:0}.editor-header{min-height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0}.editor-title h2{text-align:center;font-size:17px}.editor-actions{gap:6px}.editor-actions .save-status{display:none}.editor-save{width:44px;padding:0}.editor-save span{display:none}.editor-scroll{padding:16px 14px calc(24px + env(safe-area-inset-bottom))}.editor-meta-grid{grid-template-columns:1fr}.favorite-toggle{width:100%}.language-toolbar{flex-direction:column;align-items:stretch;gap:8px}.swap{width:100%}.language-editors.split{grid-template-columns:1fr}textarea{min-height:230px}.content-page{padding:18px 14px calc(100px + env(safe-area-inset-bottom))}.content-page>header{display:none}.settings-page>header{display:block}.plans{grid-template-columns:1fr}.mobile-tabs{left:10px;right:10px;bottom:max(8px, env(safe-area-inset-bottom));z-index:20;border-radius:18px;justify-content:space-around;align-items:stretch;height:68px;padding:5px 6px;position:fixed}.mobile-tabs>button{min-width:58px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1;align-content:center;place-items:center;gap:2px;font-size:10px;font-weight:600;display:grid}.mobile-tabs>button.active{color:var(--accent)}.mobile-tabs .mobile-create{background:var(--accent);color:#fff;width:50px;min-width:50px;max-width:50px;height:50px;box-shadow:0 7px 20px color-mix(in srgb, var(--accent) 32%, transparent);border-radius:50%;align-self:center}.mobile-tabs .mobile-create span{display:none}.floating-create{bottom:calc(90px + env(safe-area-inset-bottom))}.toast{bottom:calc(88px + env(safe-area-inset-bottom))}.update-banner{justify-content:space-between;left:12px;right:12px}.modal-backdrop,.onboarding-overlay{align-items:end;padding:0}.confirm-dialog,.selection-modal{width:100%;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.selection-modal{max-height:88dvh}.onboarding-card,.onboarding-card.plans-step{width:100%;min-height:100dvh;max-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));border-radius:0}.onboarding-content{min-height:calc(100dvh - 190px);padding:24px 4px}.plans-step .onboarding-content{min-height:auto}.onboarding-content h1{font-size:34px}.onboarding-content>p{font-size:16px}.onboarding-footer{background:var(--surface-solid);grid-template-columns:1fr auto;position:sticky;bottom:0}.onboarding-progress{grid-area:1/2}.onboarding-actions{grid-column:1/3}.onboarding-actions .primary{flex:1}}@media (width<=420px){.filter-row{gap:18px}.prompt-card footer{padding-right:2px}.mobile-tabs{left:6px;right:6px}.mobile-tabs>button{min-width:52px}.settings-group{padding:15px}.setting-row{flex-direction:column;align-items:flex-start}.segmented.compact{width:100%}.segmented.compact button{flex:1;justify-content:center;padding-inline:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}