:root{--app-bg:#f4f0ea;--app-surface:#ffffff;--app-surface-soft:#faf7f1;--app-surface-raised:#fffdf9;--app-ink:#20201d;--app-muted:#746f66;--app-faint:#a49b8f;--app-line:#e5ddd1;--app-line-strong:#d3c7b7;--app-primary:#e6533f;--app-primary-deep:#b63d30;--app-success:#3f9d6b;--app-success-text:#2f8a21;--app-warning:#c9821f;--app-danger:#d1503c;--app-danger-text:#b42318;--app-danger-soft:#fbe7e1;--app-shadow:0 14px 34px rgba(73,55,31,0.09);--app-shadow-tight:0 8px 22px rgba(73,55,31,0.08);--app-radius-sm:8px;--app-radius-md:14px;--app-radius-lg:20px;--app-shell-gap:16px;--app-sidebar-width:240px;--app-generator-width:375px}*{box-sizing:border-box}html{background:var(--app-bg);color:var(--app-ink);font-family:Avenir Next,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased}body,html{min-width:320px;overflow-x:hidden}body{width:100%;min-height:100vh;margin:0;background:radial-gradient(circle at 54% -12%,rgba(230,83,63,.13),transparent 32%),radial-gradient(circle at 90% 6%,rgba(32,32,29,.05),transparent 28%),linear-gradient(180deg,#fffdf9 0,var(--app-bg) 48%)}@media (min-width:821px){body,html{height:100%;overflow:hidden}}button,input,textarea{font:inherit}input,textarea{font-size:16px}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible{outline:2px solid rgba(32,32,29,.14);outline-offset:2px}input:focus-visible,textarea:focus-visible{outline:none;border-color:var(--app-primary);box-shadow:0 0 0 3px rgba(230,83,63,.15)}.appShell{display:block;min-height:100vh;padding:var(--app-shell-gap) var(--app-shell-gap) var(--app-shell-gap) calc(var(--app-sidebar-width) + var(--app-shell-gap))}.mobileNavBackdrop,.mobileTopBar{display:none}.sideNav{position:fixed;top:var(--app-shell-gap);bottom:var(--app-shell-gap);height:auto}.contentPane{min-width:0;padding-bottom:18px}@media (min-width:821px){.appShell{height:100dvh;min-height:100dvh;overflow:hidden}.contentPane{height:calc(100dvh - (var(--app-shell-gap) * 2));overflow-y:auto;overscroll-behavior:contain;padding-right:2px}}.uploadIconButton svg{width:20px;height:20px;stroke-width:2.2}.inlineError{margin:0;color:var(--app-primary);font-size:13px;font-weight:500}.autoLoadSentinel{grid-column:1/-1;width:100%;height:1px}.autoLoadStatus{margin:16px 0 0;color:var(--app-muted);font-size:13px;text-align:center}@keyframes shimmer{0%{background-position:0 50%}to{background-position:-220% 50%}}@keyframes spin{to{transform:rotate(1turn)}}.spinIcon{animation:spin .8s linear infinite}.sideNav{top:0;bottom:0;left:0;display:flex;flex-direction:column;gap:24px;width:var(--app-sidebar-width);border:0;border-right:1px solid var(--app-line);border-radius:0;padding:30px 18px 22px;background:linear-gradient(180deg,rgba(255,253,249,.98),rgba(250,247,241,.98)),var(--app-surface);color:var(--app-ink);overflow:hidden}.brandBlock{display:flex;align-items:center;gap:12px;min-width:0}.brandButton{width:100%;border:0;border-radius:var(--app-radius-md);padding:0;background:transparent;color:inherit;text-align:left}.brandButton:hover{color:var(--app-ink)}.brandMark{position:relative;display:block;flex:0 0 auto;width:38px;height:38px;border-radius:13px;background:radial-gradient(circle at 74% 22%,rgba(230,83,63,.72),transparent 18px),var(--app-ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 12px 26px rgba(32,32,29,.16)}.brandMark b,.brandMark i,.brandMark:after,.brandMark:before{position:absolute;display:block;content:""}.brandMark:before{inset:8px;border:2px solid var(--app-surface-soft);border-radius:7px;opacity:.95}.brandMark:after{left:13px;bottom:10px;width:14px;height:11px;-webkit-clip-path:polygon(0 100%,42% 38%,62% 65%,78% 48%,100% 100%);clip-path:polygon(0 100%,42% 38%,62% 65%,78% 48%,100% 100%)}.brandMark i,.brandMark:after{background:var(--app-surface-soft)}.brandMark i{right:9px;top:9px;width:5px;height:5px;border-radius:999px}.brandMark b{right:-2px;top:-2px;width:9px;height:9px;border-radius:999px;background:var(--app-primary);box-shadow:0 0 0 3px var(--app-surface)}.brandBlock small,.brandBlock strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brandBlock strong{font-size:17px;font-weight:760;letter-spacing:0;line-height:22px}.brandBlock small{margin-top:1px;color:var(--app-muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.navList{display:grid;grid-gap:6px;gap:6px}.sideNavFooter{display:grid;grid-gap:8px;gap:8px;margin-top:auto}.sideNavTop{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.accountAvatarButton{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;font-size:17px;box-shadow:var(--app-shadow-tight)}.accountAvatarButton,.quickStartButton{background:var(--app-ink);color:#fff;font-weight:600}.quickStartButton{width:100%;min-height:40px;border:0;border-radius:12px;padding:0 12px;font-size:14px;box-shadow:0 12px 24px rgba(32,32,29,.16)}.accountMenu{z-index:70;display:grid;grid-gap:10px;gap:10px;width:280px;max-width:calc(100vw - 24px);border:1px solid var(--app-line);border-radius:var(--app-radius-lg);padding:10px;background:var(--app-surface);box-shadow:0 18px 46px rgba(76,62,42,.16)}.accountMenuHeader{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--app-line);padding-bottom:10px}.accountMenuHeader>span{display:grid;flex:0 0 auto;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--app-success);color:#fff;font-size:20px;font-weight:600}.accountMenuHeader div{display:grid;min-width:0;grid-gap:2px;gap:2px}.accountMenuHeader small,.accountMenuHeader strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accountMenuHeader strong{color:var(--app-ink);font-size:14px;font-weight:500}.accountMenuHeader small{color:var(--app-muted);font-size:12px}.accountInfoGrid{display:grid;grid-template-columns:1fr auto;grid-gap:7px 12px;gap:7px 12px;border-bottom:1px solid var(--app-line);padding-bottom:10px}.accountInfoGrid span{color:var(--app-muted);font-size:12px}.accountInfoGrid strong{color:var(--app-ink);font-size:13px;font-weight:600}.accountMenuItem{display:inline-flex;align-items:center;gap:10px;min-height:32px;border:0;border-radius:10px;padding:0 8px;background:transparent;color:var(--app-ink);font-size:13px;text-align:left;cursor:pointer}.accountMenuItem:hover,.accountMenuItem[data-highlighted]{background:var(--app-surface-soft)}.accountMenuItem svg{width:17px;height:17px}.navButton{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:38px;border:1px solid transparent;border-radius:12px;padding:0 12px;background:transparent;color:var(--app-muted);text-align:left;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.navButton span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:560}.navButton em{min-width:26px;border-radius:999px;padding:2px 7px;background:rgba(32,32,29,.06);color:var(--app-muted);font-size:12px;font-style:normal;font-weight:400;text-align:center}.navButton svg{width:16px;height:16px;flex:0 0 auto}.navButton.active,.navButton:hover{border-color:rgba(32,32,29,.08);background:var(--app-surface);color:var(--app-ink)}.navButton:hover{transform:translateX(2px)}.navButton.active{border-color:rgba(32,32,29,.1);background:var(--app-surface-soft);color:var(--app-ink);box-shadow:none}.navButton.active em{background:rgba(32,32,29,.07);color:var(--app-ink)}.navButton.generate{background:var(--app-surface-soft);color:var(--app-ink)}.homeIntro{display:block;margin-bottom:16px;border:1px solid rgba(32,32,29,.08);border-radius:var(--app-radius-lg);padding:24px;background:radial-gradient(circle at 88% 14%,rgba(230,83,63,.14),transparent 34%),linear-gradient(135deg,rgba(255,253,249,.96),rgba(248,244,236,.92));box-shadow:var(--app-shadow)}.homeIntro div{display:grid;max-width:760px;grid-gap:0;gap:0}.homeIntro h1{max-width:11em;margin:0;color:var(--app-ink);font-size:clamp(30px,3.4vw,48px);font-weight:780;line-height:1.02;overflow-wrap:anywhere;text-wrap:balance}.homeIntro p{max-width:42em;margin:10px 0 0;color:var(--app-muted);font-size:14px;line-height:1.55}.heroPromptForm{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;grid-gap:0;gap:0;width:min(100%,720px);margin-top:16px;border:1px solid rgba(211,199,183,.92);border-radius:16px;padding:5px;background:rgba(255,255,255,.92);box-shadow:0 14px 32px rgba(73,55,31,.1)}.heroPromptForm textarea{width:100%;min-height:48px;resize:none;border:0;border-radius:12px;padding:9px 12px;background:transparent;color:var(--app-ink);font-size:14px;line-height:1.45;box-shadow:none}.heroPromptForm textarea:focus-visible{box-shadow:none}.heroPromptForm textarea::placeholder{color:var(--app-faint)}.heroPromptForm button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:118px;min-height:48px;border:0;border-radius:12px;padding:0 16px;background:linear-gradient(135deg,var(--app-primary),var(--app-primary-deep));color:#fff;font-size:14px;font-weight:800;box-shadow:0 10px 22px rgba(230,83,63,.24)}.heroPromptForm button:hover:not(:disabled){background:var(--app-primary-deep)}.heroPromptForm button:disabled{opacity:.58}.heroPromptForm button svg{width:16px;height:16px}.hotTagPanel{display:grid;grid-gap:10px;gap:10px;margin:0 0 16px;border:1px solid var(--app-line);border-radius:var(--app-radius-md);padding:14px;background:rgba(255,253,249,.76);box-shadow:var(--app-shadow-tight)}.hotTagPanel>span{color:var(--app-muted);font-size:12px;font-weight:750}.hotTagPanel>div{display:flex;flex-wrap:wrap;gap:8px}.hotTagPanel button{display:inline-flex;align-items:center;gap:6px;min-height:32px;border:1px solid rgba(32,32,29,.09);border-radius:10px;padding:0 11px;background:var(--app-surface);color:var(--app-ink);font-size:13px;font-weight:650;transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease}.hotTagPanel button small{color:var(--app-muted);font-size:11px;font-weight:750}.hotTagPanel button.active,.hotTagPanel button:hover{border-color:rgba(230,83,63,.38);background:rgba(230,83,63,.08);color:var(--app-primary-deep);transform:translateY(-1px)}.hotTagPanel button.active small{color:var(--app-primary)}.homeCanvas{display:grid;grid-gap:12px;gap:12px;padding-bottom:170px}.homeTaskPanel{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);grid-gap:16px;gap:16px;border:1px solid rgba(230,83,63,.18);border-radius:var(--app-radius-lg);padding:16px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(250,247,241,.92));box-shadow:var(--app-shadow)}.homeTaskPreview{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:var(--record-ratio,1/1);background:linear-gradient(135deg,var(--app-surface-raised),var(--app-surface-soft))}.homeTaskImageButton{display:block;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.homeTaskImageButton img{display:block;width:100%;height:100%;object-fit:contain}.homeTaskModeBadge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;min-height:26px;border:1px solid rgba(230,83,63,.22);border-radius:999px;padding:0 8px;background:rgba(255,255,255,.86);color:var(--app-primary);font-size:11px;font-weight:700;box-shadow:var(--app-shadow-tight)}.homeTaskProgress{position:absolute;inset:0;display:grid;place-items:center}.homeTaskProgress:before{width:60px;height:60px;border-radius:50%;background:conic-gradient(var(--app-primary) calc(var(--progress, 0) * 1%),var(--app-line) 0);content:""}.homeTaskProgress:after{position:absolute;width:48px;height:48px;border-radius:50%;background:var(--app-surface);content:""}.homeTaskProgress.loading:before{background:conic-gradient(var(--app-primary),#ffd6d6,var(--app-primary));animation:spin .9s linear infinite}.homeTaskProgress.error:before{background:var(--app-danger-soft)}.homeTaskProgress span{position:absolute;z-index:1;color:var(--app-primary);font-size:18px;font-weight:700}.homeTaskContent{display:grid;align-content:start;grid-gap:12px;gap:12px;min-width:0}.homeTaskCopy{display:grid;grid-gap:6px;gap:6px}.homeTaskCopy strong{color:var(--app-ink);font-size:18px;font-weight:760;line-height:1.25;overflow-wrap:anywhere}.homeTaskCopy p{margin:0;color:var(--app-muted);font-size:13px;line-height:1.5}.homeTaskTags{display:flex;flex-wrap:wrap;gap:8px}.homeTaskTags button{min-height:28px;border:1px solid rgba(230,83,63,.18);border-radius:999px;padding:0 10px;background:rgba(230,83,63,.06);color:var(--app-primary-deep);font-size:12px;font-weight:700}.homeTaskMeta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.homeTaskMeta span,.homeTaskMeta strong{display:inline-flex;align-items:center;gap:6px;min-width:0}.homeTaskMeta span{color:var(--app-muted);font-size:12px}.homeTaskMeta span svg{width:15px;height:15px}.homeTaskMeta strong{flex:0 0 auto;color:var(--app-primary);font-size:12px;font-weight:800}.homeTaskActions{display:flex;flex-wrap:wrap;gap:8px}.homeTaskActions a,.homeTaskActions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid var(--app-line);border-radius:12px;padding:0 12px;background:var(--app-surface);color:var(--app-ink);font-size:13px;font-weight:700;text-decoration:none}.homeTaskActions button.active{border-color:rgba(230,83,63,.22);background:rgba(230,83,63,.08);color:var(--app-primary-deep)}.homeTaskActions button:disabled{opacity:.55}.homeTaskActions svg{width:15px;height:15px}.homeComposerDock{position:fixed;left:calc(50% + (var(--app-sidebar-width) * .5));width:min(740px,calc(100vw - var(--app-sidebar-width) - (var(--app-shell-gap) * 4)));max-width:calc(100vw - var(--app-sidebar-width) - (var(--app-shell-gap) * 4));bottom:16px;z-index:5;pointer-events:none;transform:translateX(-50%)}.homeComposer{display:grid;grid-gap:8px;gap:8px;border:1px solid rgba(32,32,29,.08);border-radius:26px;padding:9px;background:rgba(255,255,255,.94);box-shadow:0 18px 44px rgba(73,55,31,.16);pointer-events:auto}.homeComposerMain{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;grid-gap:8px;gap:8px}.homeComposerAddButton,.homeComposerSubmitButton{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 auto;border:1px solid var(--app-line);border-radius:50%;padding:0;background:var(--app-surface-soft);color:var(--app-ink)}.homeComposerSubmitButton{border-color:transparent;background:var(--app-ink);color:#fff}.homeComposerSubmitButton:disabled{opacity:.45}.homeComposerAddButton svg,.homeComposerSubmitButton svg{width:18px;height:18px}.homeComposerMain textarea{width:100%;min-height:48px;max-height:156px;resize:none;border:0;padding:7px 4px 6px;background:transparent;color:var(--app-ink);font-size:15px;line-height:1.5;box-shadow:none}.homeComposerMain textarea:focus-visible{box-shadow:none}.homeComposerMain textarea::placeholder{color:var(--app-faint)}.homeComposerToolbar{display:flex;flex-wrap:wrap;gap:7px}.homeComposerPill{display:inline-flex;align-items:center;gap:6px;min-height:32px;border:1px solid rgba(32,32,29,.08);border-radius:999px;padding:0 11px;background:var(--app-surface-soft);color:var(--app-ink);font-size:12px;font-weight:700}.homeComposerPill small{color:var(--app-muted);font-size:11px;font-weight:700}.homeComposerPill.active{border-color:rgba(230,83,63,.22);background:rgba(230,83,63,.08);color:var(--app-primary-deep)}.homeComposerPill svg{width:15px;height:15px}.homeComposerSelectPill{position:relative;padding-right:10px}.homeComposerSelectPill select{border:0;padding:0;background:transparent;color:inherit;font:inherit;outline:none}.homeComposerMore{display:grid;grid-gap:10px;gap:10px;border-top:1px solid rgba(32,32,29,.06);padding-top:10px}.homeComposerActions{display:flex;flex-wrap:wrap;gap:8px}.homeComposerActions button{display:inline-flex;align-items:center;gap:6px;min-height:32px;border:1px solid var(--app-line);border-radius:10px;padding:0 11px;background:var(--app-surface);color:var(--app-ink);font-size:12px;font-weight:700}.homeComposerActions button:disabled{opacity:.55}.homeComposerActions button svg{width:14px;height:14px}.homeReferenceList{display:flex;flex-wrap:wrap;gap:10px}.homeReferenceItem{position:relative;width:76px;height:76px;overflow:hidden;border:1px solid var(--app-line);border-radius:12px;background:var(--app-surface)}.homeReferenceItem img{display:block;width:100%;height:100%;object-fit:cover}.homeReferenceItem button{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;border-radius:999px;padding:0;background:rgba(32,32,29,.72);color:#fff;font-size:14px;line-height:1}.homeComposerHint{color:var(--app-muted);font-size:12px;line-height:1.5}.fileInput{display:none}.homeEmptyPanel{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:150px;border:1px dashed var(--app-line-strong);border-radius:var(--app-radius-lg);padding:24px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(248,246,241,.72)),repeating-linear-gradient(-45deg,rgba(32,32,29,.03),rgba(32,32,29,.03) 1px,transparent 0,transparent 14px)}.homeEmptyPanel div{display:grid;grid-gap:0;gap:0}.homeEmptyPanel button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:32px;flex:0 0 auto;border:1px solid var(--app-line);border-radius:13px;padding:0 14px;background:var(--app-surface);color:var(--app-ink);font-size:13px;font-weight:700}.homeEmptyPanel button:hover{border-color:rgba(230,83,63,.36);color:var(--app-primary)}.homeEmptyPanel svg{width:15px;height:15px}.masonryGrid{grid-template-columns:repeat(var(--masonry-columns,4),minmax(0,1fr));align-items:start}.masonryColumn,.masonryGrid{display:grid;grid-gap:16px;gap:16px}.masonryColumn{align-content:start;min-width:0}.exampleCard{position:relative;display:block;width:100%;overflow:hidden;border:1px solid rgba(32,32,29,.07);border-radius:var(--app-radius-lg);padding:0;background:var(--app-surface);box-shadow:var(--app-shadow-tight);text-align:left;transition:border-color .18s ease,box-shadow .18s ease}.exampleCard:hover{border-color:rgba(230,83,63,.32);box-shadow:0 18px 42px rgba(73,55,31,.14)}.exampleSkeleton{display:block;width:100%;aspect-ratio:4/3;min-height:0;overflow:hidden;border-radius:var(--app-radius-lg);background:linear-gradient(90deg,var(--app-line),var(--app-surface-raised),var(--app-line));background-size:220% 100%;animation:shimmer 1.1s ease-in-out infinite}.exampleCard img{object-fit:cover;object-position:center center;transition:transform .28s ease}.exampleCard img,.exampleImageLink{display:block;width:100%;height:100%}.exampleImageLink{border:0;padding:0;background:transparent;cursor:zoom-in}.exampleCard:focus-within img,.exampleCard:hover img{transform:scale(1.035)}.exampleMeta{position:absolute;right:0;bottom:0;left:0;display:grid;grid-gap:4px;gap:4px;padding:42px 14px 12px;background:linear-gradient(180deg,transparent,rgba(7,10,15,.82));color:#fff;transition:padding-bottom .18s ease,background .18s ease}.exampleCard:focus-within .exampleMeta,.exampleCard:hover .exampleMeta{padding-bottom:58px;background:linear-gradient(180deg,transparent,rgba(7,10,15,.9))}.exampleMeta small,.exampleMeta strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.exampleMeta strong{-webkit-line-clamp:1;font-size:15px;font-weight:650;overflow-wrap:anywhere}.exampleMeta small{-webkit-line-clamp:2;color:rgba(255,253,249,.78);font-size:12px;font-weight:400;line-height:1.4;overflow-wrap:anywhere}.creativeButton{position:absolute;bottom:14px;left:14px;z-index:1;display:inline-flex;align-items:center;gap:6px;min-height:28px;border:0;border-radius:10px;padding:0 10px;background:#fff;color:var(--app-ink);font-size:12px;font-weight:780;line-height:1;opacity:.92;box-shadow:0 10px 22px rgba(32,32,29,.16);transform:translateY(0);transition:opacity .18s ease,transform .18s ease,background .18s ease}.exampleCard:focus-within .creativeButton,.exampleCard:hover .creativeButton{opacity:1;transform:translateY(0)}.creativeButton:hover{background:var(--app-surface-soft)}.exampleFavoriteButton{position:absolute;right:14px;bottom:14px;z-index:1;display:inline-flex;align-items:center;gap:6px;min-height:28px;border:0;border-radius:9px;padding:0 10px;background:rgba(32,32,29,.78);color:#fff;font-size:12px;font-weight:500;line-height:1;opacity:.82;box-shadow:0 10px 22px rgba(32,32,29,.18);transform:translateY(0);transition:opacity .18s ease,transform .18s ease,background .18s ease,color .18s ease}.exampleFavoriteButton svg{width:16px;height:16px;stroke-width:2.3}.exampleFavoriteButton.active svg{fill:var(--app-primary);color:var(--app-primary)}.exampleFavoriteButton:hover{background:rgba(255,255,255,.94);color:var(--app-ink)}.exampleCard:focus-within .exampleFavoriteButton,.exampleCard:hover .exampleFavoriteButton{opacity:1;transform:translateY(0)}.exampleFavoriteButton:focus-visible,.iconAction:focus-visible,.recordIconButton:focus-visible,.recordPreviewButton:focus-visible{outline:2px solid rgba(255,255,255,.92);outline-offset:2px}.exampleThemeTags{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.exampleThemeTags button{border:1px solid rgba(255,255,255,.48);border-radius:999px;padding:3px 7px;background:rgba(255,255,255,.18);color:#fff;font-size:11px;font-weight:700}.tagFilterBar{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;border:1px solid var(--app-line);border-radius:999px;margin-bottom:14px;padding:7px 10px 7px 13px;background:var(--app-surface);color:var(--app-ink);font-size:13px;font-weight:650}.tagFilterBar button{border:0;border-radius:999px;padding:5px 9px;background:var(--app-surface-soft);color:var(--app-muted);font-size:12px;font-weight:650}.authOverlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:rgba(32,32,29,.42)}.authDialog{position:fixed;top:50%;left:50%;z-index:60;translate:-50% -50%;width:min(420px,calc(100vw - 32px));border:1px solid rgba(76,62,42,.16);border-radius:18px;padding:30px;background:var(--app-surface);box-shadow:0 24px 80px rgba(76,62,42,.2)}.authForm{display:grid;grid-gap:14px;gap:14px}.authDialog [data-slot=dialog-close]{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:9px;padding:0;background:transparent;color:var(--app-muted)}.authDialog [data-slot=dialog-close]:hover{background:var(--app-surface-soft);color:var(--app-ink)}.authDialog [data-slot=dialog-close] svg{width:17px;height:17px}.authHero{display:grid;grid-gap:8px;gap:8px;border-bottom:1px solid var(--app-line);margin:-4px 0 4px;padding:0 0 18px;background:transparent}.authHero [data-slot=dialog-title]{color:var(--app-ink);font-size:26px;font-weight:700;line-height:1.12}.authHero [data-slot=dialog-description]{color:var(--app-muted);font-size:13px;line-height:1.55}.authField{display:grid;grid-gap:7px;gap:7px}.authField span{color:var(--app-ink);font-size:13px;font-weight:500}.authField input{width:100%;height:42px;border:1px solid var(--app-line);border-radius:12px;outline:none;padding:0 12px;background:var(--app-surface-soft);color:var(--app-ink);font-size:16px}.authCodeRow{display:grid;grid-template-columns:minmax(0,1fr) 104px;grid-gap:8px;gap:8px}.authCodeRow input{text-align:center;font-weight:650;letter-spacing:4px}.authCodeButton{height:42px;border-color:var(--app-line);border-radius:12px;background:var(--app-surface);color:var(--app-ink)}.authVerifyButton{justify-self:start;min-height:24px;padding:0;color:var(--app-primary);font-size:13px}.authCodeMessage{margin-top:2px}.authField input::placeholder{color:var(--app-faint)}.authSwitchButton{border:0;min-height:28px;padding:0;background:transparent;color:var(--app-muted);font-size:14px}.authSwitchButton:hover{color:var(--app-primary)}.inlineSuccess{margin:0;color:var(--app-success-text);font-size:13px;line-height:1.5}.imagePreviewOverlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:0;background:rgba(32,32,29,.76);overscroll-behavior:contain}.imagePreviewDialog{position:fixed;inset:0;display:grid;grid-template-columns:1fr;max-height:none;border-radius:0;background:var(--app-line);box-shadow:none}.imagePreviewDialog,.previewImagePane{overflow:hidden;width:100vw;height:100dvh}.previewImagePane{position:relative;display:block;min-width:0;min-height:0}.imagePreviewViewport{position:absolute;inset:28px 72px;display:flex;align-items:center;justify-content:center;overflow:visible;min-width:0;min-height:0;touch-action:none}.imagePreviewViewport img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 18px 54px rgba(32,32,29,.2);transform-origin:center center;transition:transform .12s ease-out;will-change:transform}.imagePreviewViewport.isZoomed img{transition:none}.previewDesktopDownload,.previewMobileActions a,.previewMobileActions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:36px;height:36px;border:1px solid rgba(255,255,255,.54);border-radius:999px;padding:0;background:rgba(255,255,255,.92);color:var(--app-ink);box-shadow:0 8px 20px rgba(32,32,29,.16);text-decoration:none}.previewDesktopDownload svg,.previewMobileActions svg,.previewNavButton svg{width:17px;height:17px;flex:0 0 auto}.previewNavButton{position:absolute;top:50%;z-index:1;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.38);border-radius:12px;padding:0;background:rgba(32,32,29,.48);color:#fff;transform:translateY(-50%)}.previewNavButton.previous{left:28px}.previewNavButton.next{right:28px}.previewCloseButton{position:absolute;top:22px;right:22px;z-index:4;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(32,32,29,.1);border-radius:999px;padding:0;background:rgba(255,255,255,.94);color:var(--app-ink);box-shadow:0 10px 28px rgba(32,32,29,.18)}.previewCloseButton svg{width:18px;height:18px}.previewDetailsPanel{display:flex;min-width:0;max-height:100dvh;flex-direction:column;gap:16px;overflow-y:auto;overscroll-behavior:contain;padding:58px 36px 36px;background:var(--app-surface)}.previewDetailsPanel h2{margin:0;color:var(--app-ink);font-size:clamp(28px,3vw,42px);font-weight:760;line-height:1.12;text-wrap:balance}.previewTagList{display:flex;flex-wrap:wrap;gap:10px}.previewTagList button{border-radius:999px;border:0;padding:8px 13px;background:var(--app-surface-soft);color:var(--app-muted);font-size:14px;font-weight:600}.previewTagList button:hover{background:rgba(230,83,63,.08);color:var(--app-primary-deep)}.previewPurpose{margin:0;color:var(--app-muted);font-size:14px;line-height:1.6}.previewPromptCard{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--app-line);border-radius:16px;padding:18px;background:var(--app-surface-soft)}.previewPromptHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.previewPromptHeader strong{color:var(--app-muted);font-size:14px}.previewPromptHeader div{display:flex;gap:8px}.previewPromptHeader button{display:inline-flex;align-items:center;gap:6px;height:34px;border:1px solid var(--app-line);border-radius:10px;padding:0 10px;background:var(--app-surface);color:var(--app-primary);font-size:14px;font-weight:650;box-shadow:var(--app-shadow-tight)}.previewPromptHeader button:disabled{opacity:.7}.previewPromptHeader svg{width:16px;height:16px}.previewPromptCard pre{overflow:auto;max-height:min(360px,42vh);margin:0;border-radius:12px;padding:16px;background:var(--app-surface);color:var(--app-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:15px;line-height:1.55;white-space:pre-wrap;box-shadow:inset 0 0 0 1px rgba(76,62,42,.08),0 8px 18px rgba(76,62,42,.08)}.previewPromptError{color:var(--app-danger);font-size:13px}.imagePreviewDialog>.previewDetailsPanel,.previewDesktopDownload{display:none}.previewMobileActions{position:fixed;right:24px;bottom:24px;z-index:6;display:flex;gap:12px}.previewDetailsSheet{position:fixed;top:0;right:0;z-index:5;display:block;width:min(440px,calc(100vw - 36px));height:100dvh;background:var(--app-surface);box-shadow:-20px 0 60px rgba(32,32,29,.2);transform:translateX(105%);transition:transform .22s ease}.previewDetailsSheet.open{transform:translateX(0)}.previewDetailsSheet .previewDetailsPanel{max-height:100dvh;padding:64px 32px 32px}.previewSheetHandle{position:absolute;top:50%;left:-10px;width:8px;height:54px;border:0;border-radius:999px;padding:0;background:var(--app-line-strong);transform:translateY(-50%)}@media (max-width:820px){.imagePreviewDialog{--preview-mobile-edge:calc(20px + env(safe-area-inset-right));--preview-mobile-left-edge:calc(20px + env(safe-area-inset-left))}.imagePreviewOverlay{align-items:stretch;padding:0;background:var(--app-bg)}.imagePreviewDialog{position:fixed;inset:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;width:100vw;max-height:none;min-height:100dvh;border-radius:0;background:var(--app-line);box-shadow:none}.previewImagePane{width:100vw;height:100dvh;min-height:100dvh;padding:0}.imagePreviewViewport{inset:calc(18px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));overflow:visible}.imagePreviewViewport img{width:auto;height:auto;max-height:100%;max-width:100%;object-fit:contain;box-shadow:none}.imagePreviewDialog>.previewDetailsPanel{display:none}.previewCloseButton{position:absolute;top:0;right:0;width:28px;height:28px;margin-top:calc(20px + env(safe-area-inset-top));margin-right:var(--preview-mobile-edge);box-shadow:none}.previewCloseButton svg{width:15px;height:15px}.previewNavButton{width:36px;height:40px;border:0;background:rgba(32,32,29,.34);box-shadow:none}.previewNavButton svg{width:16px;height:16px}.previewNavButton.previous{left:calc(8px + env(safe-area-inset-left))}.previewNavButton.next{right:calc(8px + env(safe-area-inset-right))}.previewDesktopDownload{display:none}.previewMobileActions{right:var(--preview-mobile-edge);bottom:calc(20px + env(safe-area-inset-bottom))}.previewMobileActions a,.previewMobileActions button{width:28px;height:28px;box-shadow:none}.previewMobileActions svg{width:15px;height:15px}.previewDetailsSheet{top:auto;right:0;bottom:0;left:0;width:auto;height:min(92dvh,760px);max-height:min(92dvh,760px);border-radius:22px 22px 0 0;background:var(--app-surface);box-shadow:0 -20px 60px rgba(32,32,29,.2);transform:translateY(105%);transition:transform .22s ease}.previewDetailsSheet.open{transform:translateY(0)}.previewDetailsSheet .previewDetailsPanel{max-height:min(92dvh,760px);overflow:hidden;padding:44px 26px calc(72px + env(safe-area-inset-bottom))}.previewSheetHandle{position:absolute;top:12px;left:50%;width:54px;height:8px;border:0;border-radius:999px;padding:0;background:var(--app-line-strong);transform:translateX(-50%)}.previewDetailsPanel h2{font-size:27px}.previewPromptCard{padding:16px}.previewPromptHeader{align-items:flex-start;flex-direction:column}.previewPromptCard pre{max-height:40dvh;font-size:14px}}@media (max-width:1180px){.appShell{display:grid;grid-template-columns:minmax(190px,var(--app-sidebar-width)) minmax(0,1fr);grid-gap:var(--app-shell-gap);gap:var(--app-shell-gap);padding:var(--app-shell-gap)}.sideNav{position:-webkit-sticky;position:sticky;top:var(--app-shell-gap);bottom:auto;left:auto;width:auto;height:calc(100vh - (var(--app-shell-gap) * 2))}.homeComposerDock{left:calc(50% + (var(--app-sidebar-width) * .5));width:min(740px,calc(100vw - var(--app-sidebar-width) - (var(--app-shell-gap) * 4)));max-width:calc(100vw - var(--app-sidebar-width) - (var(--app-shell-gap) * 4))}}@media (max-width:820px){.appShell{position:relative;display:flex;flex-direction:column;gap:12px;width:100%;overflow-x:hidden;padding:calc(64px + env(safe-area-inset-top)) 20px 20px}.mobileTopBar{position:fixed;top:0;right:0;left:0;z-index:30;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--app-line);min-height:calc(20px + env(safe-area-inset-top));padding:calc(6px + env(safe-area-inset-top)) 20px 6px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobileTopBar .brandBlock{min-width:0}.mobileTopBar .brandBlock strong{max-width:220px}.mobileTopBar button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--app-line);border-radius:13px;padding:0;background:var(--app-surface-soft);color:var(--app-ink);flex:0 0 auto}.mobileTopBar button svg{width:20px;height:20px}.mobileNavBackdrop{right:0;left:min(82vw,300px);z-index:39;display:block;border:0;padding:0;background:rgba(32,32,29,.28)}.mobileNavBackdrop,.sideNav{position:fixed;top:0;bottom:0}.sideNav{z-index:40;left:0;width:min(82vw,300px);height:auto;flex-direction:column;align-items:stretch;gap:18px;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));border-right:1px solid var(--app-line);background:var(--app-surface);box-shadow:28px 0 70px rgba(32,32,29,.2);transform:translateX(-105%);transition:transform .2s ease}.appShell.mobileMenuOpen .sideNav{transform:translateX(0)}.accountCenterHero,.homeEmptyPanel,.homeIntro{align-items:stretch;flex-direction:column;width:100%;max-width:100%;overflow:hidden}.brandBlock{flex:0 0 auto}.navList{overflow:visible}.navList,.sideNavFooter{display:grid;flex:initial;grid-gap:8px;gap:8px}.sideNavFooter{align-items:stretch;margin-top:auto}.accountAvatarButton{width:28px;height:28px;border-radius:50%;font-size:18px}.accountMenu{left:0;right:auto;bottom:calc(100% + 10px);width:100%;max-width:100%}.navButton{flex:initial;width:100%;min-width:0}.navButton,.quickStartButton{min-height:38px}.viewHeader{align-items:flex-start;flex-direction:column;padding:14px}.viewHeader h1{font-size:18px}.authCloseButton,.authSwitchButton,.backButton,.emptyState button,.panelTop button,.previewActions a,.previewActions button,.previewCloseButton,.previewNavButton,.promptCompleteButton,.qualityPill,.ratioDropdownButton,.ratioMenuItem,.recordActions a,.recordActions button,.referencePickerRow .uploadIconButton,.removeReferenceButton,.secondaryButton,.uploadHeader button{min-height:32px}.primaryButton{min-height:38px}.authCloseButton,.favoriteButton,.panelTop button,.recordPreviewButton,.removeReferenceButton,.uploadHeader button{width:32px;height:32px}.authField input{height:38px}.homeCanvas{padding-bottom:156px}.homeIntro{gap:14px;margin-bottom:12px;padding:18px}.homeIntro h1{font-size:25px;line-height:1.12}.homeIntro p{margin-top:8px;font-size:13px;line-height:1.5}.heroPromptForm{grid-template-columns:1fr;gap:8px;margin-top:12px;padding:6px}.heroPromptForm button,.heroPromptForm textarea{min-height:46px}.homeEmptyPanel button{width:100%;max-width:100%;min-height:38px}.hotTagPanel{margin-top:-2px;padding:12px}.hotTagPanel button{min-height:32px}.homeTaskPanel{grid-template-columns:1fr;padding:14px}.homeTaskActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.homeTaskActions a,.homeTaskActions button{width:100%}.masonryGrid{grid-template-columns:1fr}.exampleMeta{display:none}.creativeButton,.exampleFavoriteButton{min-height:28px;border-radius:9px;padding:0 10px;opacity:1;transform:none}.homeComposerDock{left:20px;right:20px;width:auto;max-width:none;bottom:calc(10px + env(safe-area-inset-bottom));transform:none}.homeComposer{gap:8px;border-radius:22px;padding:9px}.homeComposerMain{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.homeComposerMain textarea{min-height:46px;max-height:120px;font-size:15px}.homeComposerToolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.homeComposerPill,.homeComposerSelectPill{width:100%;justify-content:center}.homeComposerActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.homeComposerActions button{justify-content:center;width:100%}}@media (hover:none),(pointer:coarse){.exampleFavoriteButton,.recordPreviewButton{opacity:1;transform:none}}@media (max-width:520px){.brandMark{width:34px;height:34px}.navButton{min-height:38px;padding:0 8px}.navButton span{font-size:13px}.previewActions{align-items:stretch;flex-direction:column}.recordInfoPanel{padding:12px}.recordIconButton{width:28px;height:28px}.recordIconButton svg{width:16px;height:16px}.recordDate{font-size:12px}.previewActions a,.previewActions button,.uploadHeader button{width:100%}}@media (max-width:374px){.appShell,.mobileTopBar,.sideNav{padding-right:16px;padding-left:16px}.sideNav{width:calc(100vw - 44px)}.mobileNavBackdrop{left:calc(100vw - 44px)}.generatorBottom,.generatorPanel{padding-right:16px;padding-left:16px}.generatorBottom{margin-right:-16px;margin-left:-16px}.homeEmptyPanel,.homeIntro,.viewHeader{padding-right:16px;padding-left:16px}.ratioDropdownButton{gap:6px;padding-right:8px;padding-left:8px}.ratioMenu{width:min(calc(100vw - 32px),340px);min-width:0}.ratioPreview{margin-right:6px}.batchOptionRow label,.qualityPill{padding-right:10px;padding-left:10px}}@theme inline{@keyframes accordion-down{0%{height:0}to{height:var(
        --radix-accordion-content-height,var(--accordion-panel-height,auto)
      )}}@keyframes accordion-up{0%{height:var(
        --radix-accordion-content-height,var(--accordion-panel-height,auto)
      )}to{height:0}}}@utility no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}@custom-variant dark (&:is(.dark *));@theme inline{--font-heading:var(--font-sans);--font-sans:var(--font-sans);--color-sidebar-ring:var(--sidebar-ring);--color-sidebar-border:var(--sidebar-border);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar:var(--sidebar);--color-chart-5:var(--chart-5);--color-chart-4:var(--chart-4);--color-chart-3:var(--chart-3);--color-chart-2:var(--chart-2);--color-chart-1:var(--chart-1);--color-ring:var(--ring);--color-input:var(--input);--color-border:var(--border);--color-destructive:var(--destructive);--color-accent-foreground:var(--accent-foreground);--color-accent:var(--accent);--color-muted-foreground:var(--muted-foreground);--color-muted:var(--muted);--color-secondary-foreground:var(--secondary-foreground);--color-secondary:var(--secondary);--color-primary-foreground:var(--primary-foreground);--color-primary:var(--primary);--color-popover-foreground:var(--popover-foreground);--color-popover:var(--popover);--color-card-foreground:var(--card-foreground);--color-card:var(--card);--color-foreground:var(--foreground);--color-background:var(--background);--radius-sm:calc(var(--radius) * 0.6);--radius-md:calc(var(--radius) * 0.8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) * 1.4);--radius-2xl:calc(var(--radius) * 1.8);--radius-3xl:calc(var(--radius) * 2.2);--radius-4xl:calc(var(--radius) * 2.6)}:root{--background:oklch(1 0 0);--foreground:oklch(0.145 0 0);--card:oklch(1 0 0);--card-foreground:oklch(0.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(0.145 0 0);--primary:oklch(0.205 0 0);--primary-foreground:oklch(0.985 0 0);--secondary:oklch(0.97 0 0);--secondary-foreground:oklch(0.205 0 0);--muted:oklch(0.97 0 0);--muted-foreground:oklch(0.556 0 0);--accent:oklch(0.97 0 0);--accent-foreground:oklch(0.205 0 0);--destructive:oklch(0.577 0.245 27.325);--border:oklch(0.922 0 0);--input:oklch(0.922 0 0);--ring:#e6533f;--chart-1:oklch(0.87 0 0);--chart-2:oklch(0.556 0 0);--chart-3:oklch(0.439 0 0);--chart-4:oklch(0.371 0 0);--chart-5:oklch(0.269 0 0);--radius:0.625rem;--sidebar:oklch(0.985 0 0);--sidebar-foreground:oklch(0.145 0 0);--sidebar-primary:oklch(0.205 0 0);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:oklch(0.922 0 0);--sidebar-ring:oklch(0.708 0 0)}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.205 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.205 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.922 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.704 0.191 22.216);--border:oklch(1 0 0/10%);--input:oklch(1 0 0/15%);--ring:oklch(0.556 0 0);--chart-1:oklch(0.87 0 0);--chart-2:oklch(0.556 0 0);--chart-3:oklch(0.439 0 0);--chart-4:oklch(0.371 0 0);--chart-5:oklch(0.269 0 0);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(1 0 0/10%);--sidebar-ring:oklch(0.556 0 0)}@layer base{*{@apply border-border outline-ring/50}[role=button]:not(:disabled),button:not(:disabled){cursor:pointer}}