/* V2 Figwright roots 194:41696–194:42726. Layout only; renderers own artwork. */
@font-face{font-family:'Noto Serif SC';src:url('/assets/photo-v3/NotoSerifSC-VF.ttf') format('truetype');font-weight:100 900;font-display:swap}
body[data-view=landing],body[data-view=complete],body[data-adjacent=true]{background:#17171C;color:#ECEDE6;font-family:Inter,'Segoe UI','Microsoft YaHei',sans-serif}
body[data-view=landing] .topbar,body[data-view=complete] .topbar,body[data-adjacent=true] .topbar{background:transparent;position:relative;border:0;min-height:84px;max-width:1360px;margin:auto;padding:20px 24px;gap:12px;box-shadow:none}
body[data-view=landing] .brand,body[data-view=complete] .brand,body[data-adjacent=true] .brand{display:block;flex:1}
body[data-view=landing] #brandName,body[data-view=complete] #brandName,body[data-adjacent=true] #brandName{font:400 22px Inter,'Segoe UI',sans-serif;letter-spacing:0;color:var(--forest)}
body[data-view=landing] #brandDescription,body[data-view=complete] #brandDescription,body[data-adjacent=true] #brandDescription,body[data-view=landing] .local-mark,body[data-view=complete] .local-mark,body[data-adjacent=true] .local-mark,body[data-view=landing] #workCount,body[data-view=complete] #workCount,body[data-adjacent=true] #workCount{display:none}
body[data-view=landing] #navLibrary,body[data-view=complete] #navLibrary,body[data-adjacent=true] #navLibrary{background:none;border:0;color:#ECEDE6;font-size:14px;padding:8px 0;white-space:nowrap}
body[data-view=landing] footer,body[data-view=complete] footer,body[data-adjacent=true] footer{display:none}
.adjacent-entry{width:100%;max-width:1360px;margin:auto;padding:0 24px 24px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'gallery' 'directions' 'start';gap:0}
.adjacent-entry[hidden],.adjacent-completion[hidden]{display:none}
.adjacent-copy{grid-area:copy;display:contents}.adjacent-copy>h1{grid-area:copy;font:400 24px/1.5 'Noto Serif SC',serif;white-space:pre-line;margin:0 0 36px;letter-spacing:0;color:#ECEDE6}
.adjacent-start{grid-area:start;margin-top:4px}.adjacent-hint{font-size:18px;line-height:26px;margin:0 0 12px;color:#ECEDE6}
.adjacent-entry button,.adjacent-completion button,body[data-adjacent=true] button{border-radius:8px;font-family:inherit;text-transform:none;letter-spacing:0;min-height:44px}
.adjacent-start>button{width:100%;height:52px;margin-bottom:16px;border:0;font-size:16px}
.adjacent-entry .primary,.adjacent-completion .primary,#adjacentExport{background:var(--card-mint);color:#000;border:0}
.adjacent-entry .secondary,.adjacent-completion .secondary{background:var(--card-panel);color:var(--card-text);border:0}
.adjacent-gallery{grid-area:gallery;position:relative;display:flex;justify-content:center;min-height:384px}
.adjacent-hero,.adjacent-secondary-hero{display:block;width:288px;height:384px;object-fit:contain;filter:drop-shadow(0 20px 24px #0004)}
.adjacent-hero:not([src]),.adjacent-secondary-hero:not([src]){visibility:hidden}.adjacent-secondary-hero{display:none}.adjacent-loading{position:absolute;inset:140px 0 auto;text-align:center;font-size:14px}
.adjacent-directions{grid-area:directions;width:288px;margin:20px auto 8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px}
.adjacent-directions button{background:none;border:0;color:#CCCFCC;font-size:14px;padding:0 8px}.adjacent-directions button[aria-pressed=true]{color:var(--card-mint)}
.adjacent-fallback{grid-column:1/-1;color:var(--card-mint);background:var(--card-panel);border-radius:8px;padding:12px;font-size:14px}
.adjacent-completion{max-width:390px;margin:0 auto;padding:0 24px 28px}.adjacent-completion>h1{font-size:22px;font-weight:400;margin:0 0 18px}.adjacent-completed-image{display:block;width:288px;max-width:100%;height:auto;margin:0 auto 18px}.adjacent-complete-status{font-size:12px;color:#CCCFCC;min-height:18px;margin:0 0 12px}.adjacent-complete-panel{background:var(--card-panel);border-radius:12px;padding:16px;margin-bottom:20px}.adjacent-complete-panel>h2{font-size:18px;margin:0 0 10px;font-weight:400}.adjacent-complete-panel .hint{font-size:12px;line-height:1.6;color:#CCCFCC}.adjacent-complete-panel>.secondary{width:100%;background:var(--card-control)}.adjacent-next{display:flex;flex-wrap:wrap;gap:4px}.adjacent-next button{font-size:12px;background:none;border:0;padding:4px 6px;color:#ECEDE6}.adjacent-share-url{width:100%;font-size:12px;color:var(--card-text);background:#18161C;border:1px solid var(--card-mint);border-radius:8px;padding:10px}.adjacent-completion>.primary{width:100%;height:52px}.adjacent-editor-title{font-size:22px;font-weight:400;margin:0 0 20px;color:#ECEDE6}.adjacent-editor-footer{max-width:342px;margin:20px auto 0}.adjacent-editor-footer>.primary{width:100%;height:52px}.adjacent-export-state{font-size:13px;padding:10px 12px;background:var(--card-panel);border-radius:8px}.adjacent-export-state.error{color:#F7BDC8}
body[data-adjacent=true] #editor{max-width:780px;margin:0 auto;padding:0 24px 28px;min-height:0}
body[data-adjacent=true] .mode-row{display:flex;justify-content:flex-end;margin:0 0 8px;min-height:28px}body[data-adjacent=true] .mode-row nav{display:none}body[data-adjacent=true] .history-actions button{min-height:28px;font-size:12px;background:none;border:0;color:#CCCFCC}
body[data-adjacent=true] .editor-layout{display:flex!important;flex-direction:column;gap:24px;margin:0;min-height:0}
body[data-adjacent=true] #canvasArea{order:0;width:100%;display:block!important;position:static!important;height:auto!important;padding:0!important;overflow:visible!important;border:0;background:none}
body[data-adjacent=true] .controls{order:1;position:static!important;width:100%!important;min-width:0;max-height:none!important;background:none;border:0;padding:0;display:block!important;overflow:visible!important}
body[data-adjacent=true] .preview-panel{position:relative;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0;background:none;border:0;box-shadow:none;overflow:visible!important}
body[data-adjacent=true] .preview-top,body[data-adjacent=true] .preview-bottom,body[data-adjacent=true] .canvas-upload,body[data-adjacent=true] .template-section,body[data-adjacent=true] #showcaseSamples,body[data-adjacent=true] .file-actions,body[data-adjacent=true] #desktopPhotoActions{display:none!important}
body[data-adjacent=true] #canvasHostWrapper{position:relative!important;width:288px!important;max-width:100%;height:384px!important;margin:0 auto!important;flex:none!important;top:auto!important;left:auto!important;transform:none!important}
body[data-adjacent=true] #canvasHost{width:100%!important;height:100%!important;position:relative!important;margin:0!important;box-shadow:0 20px 32px #0004}
body[data-adjacent=true] #canvasHost .canvas-container{position:absolute!important;inset:0}body[data-adjacent=true] #photoTools,body[data-adjacent=true] #cardTools{margin:0 auto;max-width:342px;background:none;padding:0!important;border:0;position:static!important}
body[data-adjacent=true] .photo-v3-tabs,body[data-adjacent=true] .card-tool-tabs{display:flex!important;gap:4px;overflow-x:auto;margin-bottom:12px;position:static;white-space:nowrap;border:0;background:none;height:44px}
body[data-adjacent=true] .photo-v3-tabs button,body[data-adjacent=true] .card-tool-tabs button{flex:1;color:#ECEDE6;background:var(--card-panel);border:0;font-size:14px;padding:8px 12px;min-width:70px}
body[data-adjacent=true] .photo-v3-tabs button[aria-selected=true],body[data-adjacent=true] .card-tool-tabs button[aria-selected=true]{background:var(--card-control);box-shadow:inset 0 -2px var(--card-mint);color:var(--card-mint)}
body[data-adjacent=true][data-adjacent-advanced=false] [data-card-tool=background],body[data-adjacent=true][data-adjacent-advanced=false] [data-card-tool=material],body[data-adjacent=true][data-adjacent-advanced=false] [data-card-tool=stickers],body[data-adjacent=true][data-adjacent-advanced=false] [data-card-tool=achievements]{display:none}
body[data-adjacent=true] .card-tool-content,body[data-adjacent=true] .photo-v3-panel{display:block;background:var(--card-panel);border:0;border-radius:12px;padding:12px;min-height:166px;overflow:visible;max-height:none}
body[data-adjacent=true] #photoAdjust,body[data-adjacent=true] #wordsAdjust{margin:0;background:none;border:0;padding:0;position:static!important;box-shadow:none;max-height:none;overflow:visible}
body[data-adjacent=true] #photoAdjust>summary,body[data-adjacent=true] #wordsAdjust>summary,body[data-adjacent=true] .photo-v3-crop-slots,body[data-adjacent=true] #panelWords>.panel-title{display:none}
body[data-adjacent=true] #panelWords{display:block!important}body[data-adjacent=true] #panelWords label,body[data-adjacent=true] .photo-v3-panel label{color:#ECEDE6;font-size:13px}body[data-adjacent=true] #fields input,body[data-adjacent=true] #fields textarea,body[data-adjacent=true] .photo-v3-panel textarea{background:#18161C;color:var(--card-text);border:1px solid #514957;border-radius:8px;padding:12px;font-size:14px;min-height:44px;width:100%}body[data-adjacent=true] #fields input:focus,body[data-adjacent=true] #fields textarea:focus,body[data-adjacent=true] .photo-v3-panel textarea:focus{border-color:var(--card-mint)}
body[data-adjacent=true] #cardNameDetails,body[data-adjacent=true] .photo-v3-information{margin-top:12px;font-size:12px}body[data-adjacent=true] #openCard3D{top:6px;right:calc(50% - 138px);bottom:auto;left:auto;z-index:5}body[data-adjacent=true] .photo-v3-entry button{background:var(--card-control);border:0;color:var(--card-text);font-size:13px}
body[data-adjacent=true] #mobileActions{display:none!important}body[data-adjacent=true] #canvasArea>#photoAdjust,body[data-adjacent=true] #canvasArea>#wordsAdjust{display:none}
body[data-adjacent=true] #cardPhotoPanel .control-section{border:0;padding:0;background:none}body[data-adjacent=true] #cardPhotoPanel h3{font-size:18px;font-weight:400}body[data-adjacent=true] #cardPhotoPanel .hint{font-size:12px;color:#CCCFCC}
@media(min-width:801px){body[data-view=landing] .topbar,body[data-view=complete] .topbar,body[data-adjacent=true] .topbar{padding:36px 64px;height:128px}.adjacent-entry{height:calc(100vh - 128px);min-height:720px;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;grid-template-areas:'copy gallery' 'directions directions';padding:60px 80px 80px;align-items:center}.adjacent-copy{display:block;grid-area:copy;align-self:center}.adjacent-copy>h1{font-size:56px;line-height:1.2;margin:0 0 26px}.adjacent-start{margin:0}.adjacent-hint{font-size:16px}.adjacent-start>button{width:236px;display:block;height:56px;margin:20px 0}.adjacent-gallery{height:520px;justify-content:flex-start;align-items:flex-start}.adjacent-hero{position:absolute;left:0;top:0}.adjacent-secondary-hero{display:block;position:absolute;left:190px;top:120px;z-index:2}.adjacent-directions{width:100%;margin:54px 0 0;justify-content:space-between}.adjacent-directions button{font-size:22px}.adjacent-completion{max-width:720px;display:grid;grid-template-columns:288px 1fr;gap:20px 32px}.adjacent-completion>h1{grid-column:1/-1}.adjacent-completed-image{grid-column:1;grid-row:2/5}.adjacent-complete-status{grid-column:2}.adjacent-complete-panel{grid-column:2}.adjacent-completion>.primary{grid-column:2}body[data-adjacent=true] .editor-layout{display:grid!important;grid-template-columns:288px 342px;gap:32px;justify-content:center}body[data-adjacent=true] #editor{max-width:780px}body[data-adjacent=true] .adjacent-editor-title{margin-bottom:24px}.adjacent-editor-footer{margin-right:22px}.adjacent-entry button:focus-visible,.adjacent-completion button:focus-visible{outline:2px solid var(--card-mint);outline-offset:4px}}
@media(max-width:360px){.adjacent-copy>h1{font-size:22px}body[data-adjacent=true] #canvasHostWrapper{width:calc(100vw - 48px)!important;height:calc((100vw - 48px)*4/3)!important}.adjacent-hero,.adjacent-secondary-hero{max-width:100%;height:auto}.adjacent-gallery{min-height:calc((100vw - 48px)*4/3)}.adjacent-directions{max-width:100%}}
@media(prefers-reduced-motion:reduce){.adjacent-entry *,.adjacent-completion *,body[data-adjacent=true] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Escape the legacy fixed docks. Shared inspector nodes must remain in the document. */
body[data-adjacent=true] #editor .editor-layout,body[data-adjacent=true] #editor .controls,body[data-adjacent=true] #editor #photoTools,body[data-adjacent=true] #editor #cardTools,body[data-adjacent=true] #photoV3Dock{height:auto!important;max-height:none!important;overflow:visible!important;min-height:0!important;position:static!important;grid-template-rows:none!important}
body[data-adjacent=true] #photoV3Dock{display:block!important;background:none!important}
body[data-adjacent=true] #editor #photoV3Dock .photo-v3-tabs button{min-height:44px;height:44px;font-size:14px;padding:8px 12px;box-shadow:none;border:0;background:var(--card-panel);color:#ECEDE6}
body[data-adjacent=true] #editor #photoV3Dock .photo-v3-tabs button[aria-selected=true]{background:var(--card-control);color:var(--card-mint);box-shadow:inset 0 -2px var(--card-mint)}
body[data-adjacent=true] #photoV3Dock .photo-v3-panel{background:var(--card-panel)!important;border-radius:12px;padding:12px!important}
body[data-adjacent=true] #photoV3Dock .photo-v3-panel>label{display:block;margin:0 0 10px}
body[data-adjacent=true] #photoV3Dock .photo-v3-panel textarea{width:100%;margin:8px 0 0}
body[data-adjacent=true] #photoV3Dock .photo-v3-entry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 4px}
body[data-adjacent=true] #photoV3Dock .photo-v3-panel h3{font-size:18px;font-weight:400;margin:0 0 12px}
body[data-adjacent=true] #photoV3Dock .photo-v3-panel .photo-v3-crop-slots{display:none}
body[data-adjacent=true] #editor #canvasArea .preview-panel #canvasHostWrapper{width:min(288px,calc(100vw - 48px))!important;height:auto!important;aspect-ratio:3/4;max-height:none!important}
body[data-adjacent=true] #editor .showcase-samples{display:none!important}
body[data-adjacent=true] #editor .topbar{height:auto}
body[data-adjacent=true] #editor #cardTools #wordsAdjust label[hidden]{display:none}
body[data-adjacent=true] #editor #photoTools[hidden],body[data-adjacent=true] #editor #cardTools[hidden],body[data-adjacent=true] #photoV3Dock[hidden]{display:none!important}
body[data-adjacent=true] #editor #cardTools .card-tool-content>[hidden]{display:none!important}
#moreStyles{min-height:44px;font-size:12px;background:none;border:0;color:#CCCFCC;padding:6px 0;white-space:nowrap}
body[data-view=landing] .topbar #navLibrary,body[data-view=complete] .topbar #navLibrary,body[data-adjacent=true] .topbar #navLibrary{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;min-width:56px;min-height:44px}
body[data-view=landing] .topbar #navLibraryLabel,body[data-view=complete] .topbar #navLibraryLabel,body[data-adjacent=true] .topbar #navLibraryLabel{display:inline!important;margin:0;font-size:14px;color:#ECEDE6}
.photo-v3-text-extra summary{font-size:12px;min-height:44px;padding:10px 0}
.adjacent-sample-hint{font-size:13px;line-height:1.6;color:var(--card-mint);margin:-8px 0 18px}
.completion-media{margin-top:20px;padding:16px;border-radius:12px;background:var(--card-panel);font-size:13px;line-height:1.6}
.egg-entry,.egg-detail,.egg-receipt{grid-column:1/-1;margin-top:20px;padding:16px;background:var(--card-panel);border-radius:12px;font-size:13px;line-height:1.6}.egg-entry h2,.egg-detail h2,.egg-receipt h2{font-size:18px;font-weight:400;margin:0 0 12px}.egg-entry p,.egg-detail p,.egg-receipt p{color:#CCCFCC;margin:8px 0}.egg-entry button,.egg-detail button,.egg-receipt button{min-height:44px;padding:10px 12px;background:var(--card-control);color:#ECEDE6;border:0;width:100%;margin-top:8px}.egg-detail[hidden],.egg-entry [hidden],.egg-detail [hidden],.egg-receipt [hidden]{display:none!important}.egg-detail img{display:block;width:288px;max-width:100%;height:auto;margin:12px auto}.egg-detail img:not([src]){display:none}.egg-detail [data-egg-apply],.egg-receipt [data-egg-apply]{background:var(--card-mint);color:#17171C}
.egg-entry img{display:block;width:216px;max-width:100%;height:auto;margin:12px auto}.egg-entry img:not([src]){display:none}.egg-slots{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:14px 0}.egg-slots span{display:flex;align-items:center;justify-content:center;aspect-ratio:1;max-height:44px;border:1px solid #68676B;border-radius:8px;color:#CCCFCC;background:var(--card-control)}.egg-slots span[data-complete=true]{background:var(--card-mint);color:#17171C;border-color:var(--card-mint)}.egg-entry .egg-badge{color:var(--card-mint)}
.completion-media h2{font-size:18px;font-weight:400;margin:0 0 12px}.completion-media p{margin:8px 0;color:#CCCFCC}.completion-media button{width:100%;margin:6px 0;min-height:44px;padding:10px 12px;background:var(--card-control)!important;color:#ECEDE6;border:0}.completion-media #makeRotationVideo{background:var(--card-mint)!important;color:#17171C}.completion-media button:disabled{opacity:.5;cursor:default}.completion-media textarea{display:block;width:100%;min-height:88px;margin:8px 0;padding:10px;background:#18161C;color:#ECEDE6;border:1px solid #68676B;border-radius:8px;font:inherit;resize:vertical}.completion-media label{display:block;margin-top:14px}.completion-media progress{width:100%;height:8px;accent-color:var(--card-mint)}.completion-media video{display:block;width:100%;aspect-ratio:3/4;border-radius:8px;margin:12px 0;background:#17171C}.completion-media [hidden]{display:none!important}.completion-media #mediaStatus{color:#ECEDE6;overflow-wrap:anywhere}
@media(max-width:800px){.adjacent-copy>h1{margin:6px 0 42px}.adjacent-directions{margin:20px auto 8px}.adjacent-start{margin-top:0}body[data-adjacent=true] .topbar{height:auto!important;min-height:84px!important;padding:20px 24px!important}body[data-adjacent=true] #editor .mode-row{height:28px!important;padding:0!important}.adjacent-editor-title{margin:0 0 16px}body[data-adjacent=true] #editor{padding-bottom:28px!important}}
@media(min-width:801px){body[data-adjacent=true] .topbar{height:128px!important;min-height:128px!important;padding:36px 64px!important}}
body[data-adjacent=true]{overflow-y:auto!important;overflow-x:hidden}
body[data-adjacent=true] #editor{height:auto!important;max-height:none!important;overflow:visible!important;position:static!important}
body[data-adjacent=true] .topbar{position:relative!important;max-height:none!important;top:auto!important}
body[data-adjacent=true] .topbar #brand{flex:1!important;min-width:0}
body[data-adjacent=true] .topbar #navLibrary{display:inline-flex!important;align-items:center}
body[data-adjacent=true] #editor .editor-layout{height:auto!important}
/* Share-first completion contract: Figwright 201:18660; native file support decides the sheet action. */
.adjacent-complete-panel>summary,.share-sheet-extras>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:15px;color:#ECEDE6}
.completion-share-primary{margin:0 0 16px;font-size:16px;min-height:52px}
.completion-share-sticky{display:none}.completion-share-sticky[hidden]{display:none!important}
.completion-share-sheet{width:min(430px,calc(100vw - 32px));padding:0;border:1px solid #514957;border-radius:20px;background:#211C27;color:#ECEDE6;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;font-family:Inter,'Segoe UI','Microsoft YaHei',sans-serif}
.completion-share-sheet::backdrop{background:#0A0714B8}
.completion-share-sheet .completion-media{position:relative;margin:0;background:transparent;padding:24px;font-size:13px}
.completion-share-sheet .share-sheet-close{width:auto;position:absolute;right:16px;top:10px;margin:0;background:transparent!important;min-height:44px;padding:8px 12px}
.completion-share-sheet h2{padding-right:64px}
.completion-share-sheet .share-formats{display:flex;gap:8px;margin:14px 0}
.completion-share-sheet .share-formats button{flex:1;padding:10px 8px;border:1px solid transparent;border-radius:8px;margin:0;font-size:13px}
.completion-share-sheet .share-formats button[aria-pressed=true]{color:var(--card-mint);border-color:var(--card-mint);background:#18161C!important}
.completion-share-sheet .share-sheet-preview{display:block;width:156px;max-width:100%;height:auto;margin:12px auto 16px}
.completion-share-sheet .completion-media video{max-height:280px;width:auto;max-width:100%;margin:12px auto;object-fit:contain}
.completion-share-sheet .completion-media [data-share-file-primary]{background:var(--card-mint)!important;color:#17171C;min-height:52px;font-size:16px;border-radius:8px}
.completion-share-sheet .share-sheet-extras{margin-top:12px;border-top:1px solid #514957}
.completion-share-sheet .completion-media #shareCapabilityStatus{font-size:12px}
.adjacent-completion>[hidden],.completion-share-sheet [hidden]{display:none!important}
@media(min-width:801px){.adjacent-completion>.completion-share-primary{grid-column:2;grid-row:2;align-self:start;margin:0}.adjacent-completion>.adjacent-complete-status{grid-column:2;grid-row:3}.adjacent-completion>.adjacent-complete-panel{grid-column:2;grid-row:4;align-self:start}.adjacent-completion>.egg-receipt{grid-row:5}}
@media(max-width:800px){body[data-view=complete] .adjacent-completion{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.completion-share-sticky{display:block;position:fixed;z-index:40;left:24px;right:24px;bottom:calc(env(safe-area-inset-bottom) + 16px);filter:drop-shadow(0 4px 16px #0008)}.completion-share-sticky .primary{width:100%;height:52px;border-radius:8px;font-size:16px}.completion-share-sheet{position:fixed;inset:auto 16px calc(env(safe-area-inset-bottom) + 16px);margin:0 auto;max-height:calc(100dvh - env(safe-area-inset-bottom) - 48px)}}
.holo-crop-hit{position:absolute;inset:0;z-index:8;cursor:grab;touch-action:none;border-radius:9px}.holo-crop-hit:active{cursor:grabbing}.holo-crop-hit:focus-visible{outline:2px solid var(--card-mint);outline-offset:3px}.holo-crop-preview{position:absolute!important;inset:0!important;z-index:7;width:100%!important;height:100%!important;pointer-events:none;object-fit:contain}.holo-crop-hit[hidden],.holo-crop-preview[hidden],body[data-holo-photo=true] [data-card-tool][hidden],body #cardTools [data-card-tool="holo-mark"][hidden]{display:none!important}
body[data-holo-photo=true] #cardFieldTabs{display:none}body[data-holo-photo=true] #cardPhotoPanel .control-section>h3{font-size:18px}body[data-holo-photo=true] #holoMarkPanel{display:flex;align-items:center;flex-wrap:wrap;gap:12px}body[data-holo-photo=true] #holoMarkPanel[hidden]{display:none!important}#holoMarkPanel>label{width:100%;font-size:13px;color:#ECEDE6}#holoMarkPanel input{width:100%;accent-color:var(--card-mint)}#holoMarkPanel button[aria-pressed=true]{color:var(--card-mint);box-shadow:inset 0 -2px var(--card-mint)}body[data-holo-photo=true] #materialShelf,body[data-holo-photo=true] #assetEmpty{display:none!important}
.egg-slots{gap:8px;max-width:342px;margin:16px auto 8px}.egg-slots>[data-egg-slot]{display:block;aspect-ratio:auto;max-height:none;border:0;background:transparent;color:#CCCFCC}.egg-slots .egg-slot-card{display:flex;width:100%;aspect-ratio:3/4;max-height:none;border:1px solid #4AF5E840;border-radius:4px;background:#2E1F3366;font-size:12px;align-items:center;justify-content:center}.egg-slots .egg-slot-index{display:block;font-size:12px;line-height:18px;text-align:center;margin-top:4px;visibility:hidden}.egg-slots>[data-complete=true]{background:transparent;color:#ECEDE6;border:0}.egg-slots [data-complete=true] .egg-slot-card{border-color:#4AF5E8E6;background:#163D3B;color:#4AF5E8}.egg-slots [data-complete=true] .egg-slot-index{visibility:visible}.egg-entry>[data-egg-progress]{text-align:right;font-size:12px}.egg-entry>.egg-remaining{font-size:13px}.egg-entry[data-unlocked=true] [data-egg-entry-image]{width:288px;animation:egg-reveal 280ms ease-out both}@keyframes egg-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.egg-entry[data-unlocked=true] [data-egg-entry-image]{animation:none}}
.egg-entry-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.egg-entry .egg-entry-actions>button{width:auto;min-width:0;margin-top:8px}.egg-entry [data-egg-apply]{background:var(--card-mint);color:#17171C;min-height:52px}.egg-rules{margin-top:16px;border-top:1px solid #4AF5E826;padding-top:10px}.egg-rules summary{cursor:pointer;color:#CCCFCC}.egg-entry .egg-rules p{font-size:12px;line-height:1.6}
.completion-edit-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.completion-edit-actions>button{min-height:44px}.completion-edit-actions [role=status]{width:100%;margin:0;font-size:13px}.completion-edit-actions [role=status]:empty{display:none}.work-placement-label[hidden],#previewType[hidden],#templateCode[hidden]{display:none!important}.egg-entry-actions:has([data-egg-apply][hidden]){grid-template-columns:1fr}.egg-receipt [role=status]:empty{display:none}
.adjacent-copy>h1{text-wrap:balance}
.completion-edit-actions .quiet{background:transparent;color:#ECEDE6}.completion-edit-actions .quiet:hover:not(:disabled){background:#39343E;color:#ECEDE6}
.adjacent-entry{height:auto}
/* Card-first entry and one collection, Figwright 203:42963/64 and 211:43259/60. */
.card-first-entry{grid-template-areas:"copy" "gallery" "start" "reward";row-gap:0}
.card-first-entry .adjacent-copy>h1{margin:8px 0 22px;max-width:560px}
.card-first-entry .adjacent-gallery{display:flex;flex-direction:column;align-items:center;min-height:0;margin-bottom:18px}
.card-showcase-stage{position:relative;width:288px;max-width:100%;aspect-ratio:3/4;touch-action:pan-y;outline-offset:6px;cursor:grab}
.card-showcase-stage:focus-visible{outline:2px solid var(--card-mint);border-radius:10px}
.card-showcase-stage:active{cursor:grabbing}
.card-showcase-stage>canvas,.card-showcase-stage>.card-showcase-image{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;object-fit:contain}
.card-showcase-stage>[hidden]{display:none!important}
.card-showcase-hint{margin:10px 0 0;font-size:12px;line-height:18px;color:#B6B3BB;text-align:center}
.card-first-entry .adjacent-start{margin:0 auto;width:100%;max-width:342px}
.card-first-entry .adjacent-hint{font-size:14px;line-height:22px;color:#CCCFCC;margin:0 0 12px;text-align:center}
.card-first-entry #startPreset{margin-bottom:8px}
.card-first-entry #startPhotoPreset{height:44px;min-height:44px;font-size:14px;margin-bottom:0}
.card-first-entry #tryPresetExample{height:44px;font-size:13px;margin:0;color:#B6B3BB;background:transparent}
.card-first-entry .egg-entry{grid-area:reward;display:grid;grid-template-columns:1fr;gap:24px;background:transparent;border-radius:0;border-top:1px solid #45404A;margin:44px 0 0;padding:32px 0 0;scroll-margin-top:24px}
.egg-showcase{display:flex;flex-direction:column;align-items:center}
.egg-showcase .card-showcase-stage{width:216px}
.egg-entry-body{min-width:0;width:100%;max-width:390px;margin:auto}
.egg-entry .egg-entry-body h2{font:400 24px/1.4 'Noto Serif SC',serif;margin:0 0 8px}
.egg-entry .egg-tagline{font-size:14px;line-height:22px;margin:0 0 22px}
.egg-entry .egg-slots{gap:7px;width:100%;max-width:none;margin:0}
.egg-entry .egg-slots>[data-egg-slot]{transform:rotate(var(--slot-angle));border:0;background:none}
.egg-entry .egg-slot-card{aspect-ratio:3/4;min-height:0;border:1px solid #69636D;border-radius:5px;background:#2B2830;box-shadow:0 3px 6px #0003}
.egg-entry .egg-slot-card img{width:70%;height:auto;max-height:65%;margin:0;opacity:.32;filter:grayscale(1)}
.egg-entry [data-complete=true] .egg-slot-card{background:#C5F5E7;border-color:#91E5D4;box-shadow:0 3px 9px #4AF5E81A}
.egg-entry [data-complete=true] .egg-slot-card img{opacity:1;filter:brightness(.15)}
.egg-entry [data-egg-progress]{text-align:right;margin:12px 0 6px;color:#ECEDE6;font-size:14px}
.egg-entry .egg-remaining{margin:0 0 8px;font-size:13px}
.egg-entry .egg-rules{margin-top:20px;padding-top:12px}
.egg-entry .egg-rules summary{min-height:32px}
.egg-entry .egg-entry-actions{margin-top:12px}
.egg-receipt[data-celebrate=true]{border:1px solid var(--card-mint);animation:egg-reveal 280ms ease-out both}
.card-template-selector{max-width:342px;margin:0 auto 24px;color:#ECEDE6}
.card-template-selector>summary{min-height:36px;font-size:13px;cursor:pointer;color:#CCCFCC}
.card-template-selector #templateGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:auto;padding:0}
.card-template-selector .template-option{height:44px;min-height:44px;padding:4px;border:1px solid #514957;background:var(--card-panel);color:#ECEDE6;font-size:13px}
.card-template-selector .template-mini{display:none!important}
.card-template-selector .template-option[aria-pressed=true]{border-color:var(--card-mint);color:var(--card-mint)}
.card-template-selector .template-egg-option{grid-column:1/-1;height:52px;margin:0}
.card-template-selector[hidden]{display:none!important}
.completion-media-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}
.completion-media-actions>button{min-height:48px;padding:10px 6px;font-size:14px}
.completion-media-actions>button[hidden]{display:none!important}
.completion-media-actions:has(>button[hidden]){grid-template-columns:1fr}
.adjacent-completion>.completion-next-create{width:100%;min-height:52px;margin:22px 0 16px;border:1px solid #736979;background:transparent;font-size:15px}
.adjacent-completion>.completion-edit-actions{margin:8px 0 0}
.platform-share-guide{margin-top:12px;border-top:1px solid #514957;padding-top:8px}
.platform-share-guide>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px}
.platform-share-guide ol{padding-left:20px;margin:0}
.platform-share-guide li{margin:8px 0 14px}
.platform-share-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.platform-share-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:8px;background:var(--card-control);color:#ECEDE6;text-decoration:none}
.platform-share-guide #publicEditorURL{width:100%;min-height:44px;color:#ECEDE6;background:#18161C}
body[data-view=library] .warehouse-tools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}
.warehouse-local-hint{font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0 20px}
.warehouse-location-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.warehouse-location-filters button[aria-pressed=true]{border-bottom:2px solid var(--forest)}
.warehouse-body .work-card-details{display:block}
.warehouse-body .work-card-actions{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:6px}
.warehouse-body .work-share{min-height:44px;padding:6px 14px;font-size:14px;border:1px solid var(--line);border-radius:6px}
.warehouse-body .work-card-actions .work-actions-trigger{margin:0}
.warehouse-card-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.warehouse-card-types button{font-size:13px;padding:8px 4px!important;justify-content:center!important;text-align:center!important}
.warehouse-create-options>.template-egg-option{min-height:52px;text-align:center;justify-content:center}
body[data-view=library] .scene-utilities{margin-top:28px}
@media(min-width:801px){
 .card-first-entry{grid-template-columns:minmax(0,1fr) minmax(330px,1fr);grid-template-rows:auto auto;grid-template-areas:"copy gallery" "start gallery" "reward reward";column-gap:72px;padding:32px 64px 64px}
 .card-first-entry .adjacent-copy>h1{font-size:36px;line-height:1.5;margin:38px 0 28px;align-self:end}
 .card-first-entry .adjacent-start{max-width:390px;margin:0;align-self:start}
 .card-first-entry .adjacent-hint{text-align:left}
 .card-first-entry .adjacent-gallery{margin:0;justify-content:center}
 .card-first-entry .adjacent-gallery .card-showcase-stage{width:330px}
 .card-first-entry .egg-entry{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;margin-top:80px;padding:52px 0 0;align-items:center}
 .egg-showcase .card-showcase-stage{width:240px}
 .egg-entry-body{margin:0;max-width:390px}
 .adjacent-completion{grid-template-columns:330px minmax(0,390px);grid-template-rows:repeat(8,auto);gap:0 56px;align-content:start}
 .adjacent-completion>h1{grid-column:1/-1;grid-row:1}
 .adjacent-completion>.adjacent-completed-image{grid-column:1;grid-row:2/9;align-self:start}
 .adjacent-completion>.completion-share-primary{grid-column:2;grid-row:2;margin-bottom:10px}
 .adjacent-completion>.completion-media-actions{grid-column:2;grid-row:3}
 .adjacent-completion>.adjacent-complete-status{grid-column:2;grid-row:4}
 .adjacent-completion>.completion-edit-actions{grid-column:2;grid-row:5}
 .adjacent-completion>.completion-next-create{grid-column:2;grid-row:6}
 .adjacent-completion>.adjacent-complete-panel{grid-column:2;grid-row:7}
 .adjacent-completion>.egg-receipt{grid-column:2;grid-row:8;margin-top:0}
}
@media(max-width:800px){
 .card-first-entry{max-width:438px}
 .card-first-entry .adjacent-copy>h1{font-size:24px;line-height:1.5}
 .card-first-entry .egg-entry{gap:24px}
 body[data-view=library] #home{padding:8px 20px 32px}
 .warehouse-body .work-card{padding:0;min-height:0}
 .warehouse-work-grid{gap:22px 12px}
 .warehouse-body .work-share{padding:6px 10px}
 .warehouse-body .work-card-details .work-type{display:block;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.egg-receipt[data-celebrate=true]{animation:none}}
.card-showcase-stage>canvas{filter:drop-shadow(0 15px 16px #0006)}
/* Shared dark controls: foreground and surface are always set together. */
body[data-view=library] .warehouse-body .work-share,
body[data-view=library] .warehouse-tools>button:first-child,
.completion-share-sheet .platform-share-links a{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 min-height:44px;padding:10px 16px;border:1px solid var(--card-mint);
 border-radius:8px;background:var(--card-mint);color:#17171C;
 font:600 14px/1.4 Inter,'Segoe UI','Microsoft YaHei',sans-serif;text-decoration:none;
}
body[data-view=library] .warehouse-body .work-actions-trigger{
 width:44px;height:44px;min-height:44px;border:1px solid #716A75;
 border-radius:8px;background:#39343E;color:#ECEDE6;padding:0;
}
body[data-view=library] .warehouse-body .work-actions-trigger svg{stroke:currentColor}
body[data-view=library] .warehouse-location-filters button{
 min-height:44px;padding:8px 14px;border-radius:8px;background:#262329;color:#ECEDE6;border:1px solid #716A75;font-size:14px;
}
body[data-view=library] .warehouse-location-filters button[aria-pressed=true]{background:#4AF5E8;color:#17171C;border-color:#4AF5E8}
body[data-view=library] .warehouse-body .work-share:hover,
body[data-view=library] .warehouse-tools>button:first-child:hover,
.completion-share-sheet .platform-share-links a:hover{background:#85FFF4;color:#17171C;border-color:#85FFF4}
.completion-share-sheet button,.completion-share-sheet .platform-share-links a{border-radius:8px;font-size:14px;line-height:1.4}
.completion-share-sheet .platform-share-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.completion-share-sheet .platform-share-links a{width:100%;min-height:52px;padding:10px 8px;font-size:15px}
.completion-share-sheet .platform-share-guide li{padding-left:4px;margin-bottom:20px}
.completion-share-sheet .platform-share-guide label{font-size:13px;margin:8px 0 0;color:#CCCFCC}
.completion-share-sheet .platform-share-guide textarea{margin-top:8px}
.completion-share-sheet button:not(:disabled):hover{filter:brightness(1.12)}
.completion-share-sheet :is(button,a,summary):focus-visible{outline:2px solid var(--card-mint);outline-offset:3px}
/* One desktop composition, independent of the legacy editor's column assignments. */
body[data-adjacent=true] #editor .history-actions{display:flex;gap:8px}
body[data-adjacent=true] #editor .history-actions button{min-width:44px;min-height:44px;height:44px;border-radius:8px;padding:8px 12px;font-size:13px}
body[data-adjacent=true] #editor .card-template-selector .template-option{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;height:44px;padding:8px;border-radius:8px;font-size:14px;line-height:1.4}
body[data-adjacent=true] #editor .card-template-selector .template-egg-option{height:52px}
body[data-adjacent=true] #editor .card-template-selector .template-option[aria-pressed=true]{background:#4AF5E8;color:#17171C;border-color:#4AF5E8;outline:0;box-shadow:none}
body[data-adjacent=true] #editor #cardTools .card-tool-tabs button{padding:8px 12px;min-height:44px;height:44px;border-radius:8px;line-height:1.4}
body[data-adjacent=true] #editor :is(#cardTools .card-tool-tabs,#photoV3Dock .photo-v3-tabs) button[aria-selected=true]{background:#4AF5E8;color:#17171C;box-shadow:none}
body[data-adjacent=true] #editor #canvasArea{grid-column:1;grid-row:1}
body[data-adjacent=true] #editor .controls{grid-column:2;grid-row:1;background:transparent;border:0}
body[data-adjacent=true] #editor #openCard3D{width:44px;height:44px;min-height:44px;padding:0;border-radius:8px;font-size:14px}
body[data-adjacent=true] #editor .adjacent-editor-footer{width:100%}
body[data-adjacent=true] #editor #adjacentExport{min-height:52px;border-radius:8px;font-size:16px;font-weight:600}
body[data-adjacent=true] #editor button:disabled{opacity:1;background:#262329;color:#AAA4AE;border-color:#514A54;cursor:default}
@media(min-width:801px){
 body[data-adjacent=true] .topbar{height:96px!important;min-height:96px!important;padding:24px 48px!important}
 body[data-adjacent=true] #editor{display:grid;max-width:960px;grid-template-columns:minmax(0,342px) minmax(0,390px);column-gap:48px;row-gap:20px;justify-content:center;align-items:start;padding:0 32px 40px}
 body[data-adjacent=true] #editor[hidden]{display:none!important}
 body[data-adjacent=true] #editor .mode-row{grid-column:2;grid-row:1;margin:0;height:44px;min-height:44px}
 body[data-adjacent=true] #editor .adjacent-editor-title{grid-column:1;grid-row:1;margin:0;align-self:center;font-size:24px;line-height:1.4}
 body[data-adjacent=true] #editor .adjacent-sample-hint{grid-column:1/-1;grid-row:2;margin:0}
 body[data-adjacent=true] #editor .card-template-selector{grid-column:2;grid-row:3;width:100%;max-width:none;margin:0}
 body[data-adjacent=true] #editor .card-template-selector>summary{margin:0 0 8px}
 body[data-adjacent=true] #editor .editor-layout{display:contents!important}
 body[data-adjacent=true] #editor #canvasArea{grid-column:1;grid-row:3/6;align-self:start}
 body[data-adjacent=true] #editor .controls{grid-column:2;grid-row:4;width:100%!important;order:initial}
 body[data-adjacent=true] #editor :is(#cardTools,#photoTools){max-width:none;width:100%}
 body[data-adjacent=true] #editor #canvasArea .preview-panel #canvasHostWrapper{width:342px!important;max-width:100%}
 body[data-adjacent=true] #editor #openCard3D{right:8px;top:8px}
 body[data-adjacent=true] #editor .adjacent-editor-footer{grid-column:2;grid-row:5;max-width:none;margin:0}
}
@media(max-width:800px){
 body[data-adjacent=true] #editor .mode-row{height:44px!important}
 body[data-adjacent=true] #editor .card-template-selector{width:100%;margin-bottom:20px}
}
/* Final control-size alignment; keep the dark canvas through the full viewport. */
body:is([data-view=landing],[data-view=complete],[data-view=library],[data-adjacent=true]){min-height:100dvh}
body[data-view=library] :is(button.primary,button.accent){background:#4AF5E8;color:#17171C;border-color:#4AF5E8}
body[data-view=library] button.secondary{background:#39343E;color:#ECEDE6;border-color:#716A75}
body[data-view=library] .warehouse-body button.work-share{background:#4AF5E8;color:#17171C;border-color:#4AF5E8}
body[data-adjacent=true] #editor #cardTools .card-tool-tabs button{font-size:14px}
body[data-adjacent=true] #editor #cardTools .control-section button:not(.achievement-tile){min-height:44px;height:44px;padding:8px 12px;font-size:14px;border-radius:8px}
body[data-adjacent=true] #editor #cardTools .card-tool-content{border-radius:12px;padding:16px}
body[data-view=library] .warehouse-body .work-actions-trigger .warehouse-icon{filter:brightness(0) invert(1);opacity:.92}
@media(min-width:801px){
 body[data-adjacent=true][data-photo-v3=true] #editor .controls{grid-row:3}
 body[data-adjacent=true][data-photo-v3=true] #editor .adjacent-editor-footer{grid-row:4}
 body[data-adjacent=true][data-photo-v3=true] #editor #canvasArea{grid-row:3/5}
}
@media(min-width:801px){
 body[data-adjacent=true][data-photo-v3=true] #editor #canvasArea .preview-panel #canvasHostWrapper{width:288px!important}
}
/* Restore the established desktop workbench; only the narrow-screen editor is compact. */
@media(min-width:801px){
 body[data-desktop-workbench=true] #editor{max-width:1600px;padding:0 24px 32px}
 body[data-desktop-workbench=true] .editor-layout{grid-template-columns:420px minmax(0,1fr);gap:24px}
 body[data-desktop-workbench=true] #cardTools>.card-tool-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;height:auto}
 body[data-desktop-workbench=true] #cardTools>.card-tool-tabs button{min-width:0;white-space:normal;min-height:44px;height:auto;font-size:14px;padding:8px 6px}
 body[data-desktop-workbench=true] #templateGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-desktop-workbench=true] #templateGrid .template-egg-option{grid-column:1/-1;min-height:52px;text-align:center;justify-content:center}
 body[data-desktop-workbench=true] .history-actions button{min-width:44px;font-size:14px;min-height:44px;padding:6px}
 body[data-desktop-workbench=true] .mode-row{max-width:420px}
 body[data-desktop-workbench=true] .preview-panel{min-width:0}
 body[data-desktop-workbench=true] #cardTools .card-tool-content{padding:16px}
}
@media(max-width:800px){
 body[data-adjacent=true] #editor #cardTools>.card-tool-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));height:auto!important;gap:4px;overflow:visible;white-space:normal}
 body[data-adjacent=true] #editor #cardTools>.card-tool-tabs button{min-width:0;white-space:normal;min-height:44px;height:auto;font-size:14px;padding:8px 6px}
}
body[data-desktop-workbench=true] #templateGrid{display:grid}
body[data-desktop-workbench=true] #canvasArea .preview-panel{position:relative}
body[data-desktop-workbench=true] #openCard3D{top:8px;right:8px;bottom:auto}
.completion-media-actions>[data-live-photo-action]{grid-column:1/-1;min-height:52px;background:#39343E;color:#ECEDE6}
.completion-share-sheet .share-formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.completion-share-sheet #shareFormatLivePhoto{grid-column:1/-1;min-height:44px}
.completion-share-sheet .live-photo-panel{margin-top:16px}
.completion-share-sheet .live-photo-downloads{display:grid;gap:8px;margin:16px 0}
.completion-share-sheet .live-photo-downloads button,.completion-share-sheet #makeLivePhoto{min-height:52px;background:var(--card-mint)!important;color:#17171C;font-size:15px}
.completion-share-sheet .live-photo-help{border-top:1px solid #514957;padding-top:12px;margin-top:16px}
.completion-share-sheet .live-photo-panel summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px}
@media(max-width:800px){body[data-adjacent=true][data-adjacent-advanced=true] #adjacentAdvanced{order:99;grid-column:1/-1}}
body #editor #cardPhotoPanel #tryCardSample{background:#39343E;color:#ECEDE6;border:1px solid #635A69}
body #editor #cardPhotoPanel #tryCardSample:hover{background:#514A54;color:#FDFFFD}