/* Scene U V5: local collection, grounded in Figma 147:17997 and 147:18103. */
body[data-view=library]{--paper:#17171C;--ink:#ECEDE6;--muted:#CCCFCC;--line:#363A3B;--white:#22252A;background:#17171C;color:#ECEDE6}
body[data-view=library] .topbar{min-height:92px;padding:18px max(24px,calc((100vw - 1232px)/2));border:0;background:#17171C}
body[data-view=library] .topbar .brand{color:#E2117B;font-size:26px;line-height:1.2;font-weight:400;letter-spacing:-.03em}
body[data-view=library] .topbar .brand span,body[data-view=library] .topbar .local-mark{display:none}
body[data-view=library] .topbar #navLibrary{margin-left:auto;min-width:96px;padding:10px 18px;border:1px solid #53565D;border-radius:8px;color:#ECEDE6;background:#22252A;font-size:16px}
body[data-view=library] .topbar #navLibraryLabel{font-size:16px!important;color:inherit!important}
body[data-view=library] #home{display:block;max-width:1360px;min-height:calc(100dvh - 92px);padding:0 80px 64px;background:#17171C}
body[data-view=library] #library{margin:0}
body[data-view=library] #library .section-head[hidden]{display:none!important}
body[data-view=library] #library>.hint{display:none}
body[data-view=library] .warehouse-tools{padding:18px 0 8px;margin:0;color:#ECEDE6}
body[data-view=library] .warehouse-tools[hidden]{display:none}
body[data-view=library] .warehouse-tools button,body[data-view=library] .scene-utilities button{color:#CCCFCC;background:transparent;border-color:#53565D;border-radius:6px}
body[data-view=library] .warehouse-tools button:hover,body[data-view=library] .scene-utilities button:hover{color:#17171C;background:#4AF5E8;border-color:#4AF5E8}
body[data-view=library] .warehouse-body{display:block}
body[data-view=library] .scene-hero{position:relative;display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);min-height:778px;gap:16px;border-bottom:1px solid #53565D}
body[data-view=library] .scene-hero-copy{position:relative;z-index:3;padding-top:146px}
body[data-view=library] .scene-hero h2{font-family:'Noto Serif SC','Songti SC','SimSun',serif;font-size:68px;line-height:1.2;letter-spacing:-.04em;font-weight:400;margin:0;color:#ECEDE6}
body[data-view=library] .scene-hero-count{font-size:16px;line-height:1.5;margin:20px 0 24px;color:#CCCFCC}
body[data-view=library] .scene-primary{display:inline-flex;align-items:center;justify-content:center;min-width:236px;min-height:56px;padding:12px 24px;border:0;border-radius:8px;background:#4AF5E8;color:#000100;font-size:16px;font-weight:600;text-decoration:none}
body[data-view=library] .scene-primary:hover{background:#87FFF4;color:#000100}
body[data-view=library] .scene-hero-stage{position:relative;min-height:760px;min-width:0}
body[data-view=library] .scene-feature-card{position:absolute;display:block;padding:0;overflow:hidden;text-align:left;color:#FDFFFD;background:#10131C;box-shadow:0 20px 32px #00000047;transition:transform .22s ease,box-shadow .22s ease}
body[data-view=library] .scene-feature-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#10131C}
body[data-view=library] .scene-feature-main{z-index:2;left:124px;top:138px;width:min(450px,82%);aspect-ratio:3/4;border:6px solid #A8CDD0;border-radius:28px}
body[data-view=library] .scene-feature-side{z-index:1;left:344px;top:88px;width:min(324px,60%);aspect-ratio:3/4;border:2px solid #D8DCD6;border-radius:2px;transform:rotate(-7deg)}
body[data-view=library] .scene-feature-card.is-record{border-color:#A8CDD0}
body[data-view=library] .scene-feature-card.is-record img{object-fit:contain}
body[data-view=library] .scene-feature-card.is-example.scene-feature-main::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10131C4D 0%,transparent 35%,#10131CF0 100%);pointer-events:none}
body[data-view=library] .scene-feature-card.is-example.scene-feature-side::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#10131CCC 100%);pointer-events:none}
body[data-view=library] .scene-feature-identity{position:absolute;z-index:1;top:22px;left:24px;font-size:9px;letter-spacing:.09em;white-space:nowrap}
body[data-view=library] .scene-feature-caption{position:absolute;z-index:1;left:24px;right:24px;bottom:26px;display:flex;flex-direction:column;gap:8px;max-width:calc(100% - 48px);text-shadow:0 2px 12px #000}
body[data-view=library] .scene-feature-caption strong{font-family:'Noto Serif SC','Songti SC','SimSun',serif;font-size:38px;font-weight:400;line-height:1.15;overflow-wrap:anywhere}
body[data-view=library] .scene-feature-caption small{font-size:13px}
body[data-view=library] .scene-feature-side .scene-feature-identity{top:14px;left:18px;font-size:7px}
body[data-view=library] .scene-feature-side .scene-feature-caption{left:18px;right:18px;bottom:24px;max-width:calc(100% - 36px)}
body[data-view=library] .scene-feature-side .scene-feature-caption strong{font-size:22px}
body[data-view=library] .scene-feature-empty{background:linear-gradient(145deg,#303945,#17171C 72%)}
body[data-view=library] .scene-feature-card.is-record .scene-feature-identity{display:none}
body[data-view=library] .scene-feature-card.is-record .scene-feature-caption{padding:14px;left:0;right:0;bottom:0;max-width:none;background:linear-gradient(transparent,#10131CEB)}
body[data-view=library] .scene-feature-card.is-record .scene-feature-caption strong{font-family:inherit;font-size:18px}
body[data-view=library] .scene-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:44px 0 96px}
body[data-view=library] .scene-category{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:64px;padding:10px 8px;border:0;border-bottom:1px solid #53565D;background:transparent;color:#ECEDE6;text-align:left;font-size:22px}
body[data-view=library] .scene-category small{font-size:14px;color:#CCCFCC}
body[data-view=library] .scene-category[aria-current=true]{border-bottom-color:#4AF5E8;color:#4AF5E8}
body[data-view=library] .scene-category:hover{background:#22252A}
body[data-view=library] .scene-collection{scroll-margin-top:24px}
body[data-view=library] .scene-collection-head{display:flex;align-items:center;justify-content:space-between;gap:24px}
body[data-view=library] .scene-collection h3{font-family:'Noto Serif SC','Songti SC','SimSun',serif;font-size:28px;font-weight:400;margin:0}
body[data-view=library] .scene-collection-head button{min-height:44px;color:#CCCFCC}
body[data-view=library] .scene-collection-description{font-size:16px;line-height:1.6;color:#CCCFCC;margin:14px 0 24px}
body[data-view=library] .scene-collection-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;min-height:300px}
body[data-view=library] .scene-collection-cards .work-card{width:100%;max-width:none;min-height:0;padding:0;background:transparent}
body[data-view=library] .scene-collection-cards .work-open{display:block;width:100%;height:auto;margin:0;aspect-ratio:3/4}
body[data-view=library] .scene-collection-cards .work-open img{width:100%;height:100%;object-fit:contain}
body[data-view=library] .scene-collection-empty{display:flex;flex-direction:column;align-items:flex-start;gap:28px;min-height:300px;padding:32px 24px;background:#22252A}
body[data-view=library] .scene-collection-empty p{font-size:20px;line-height:1.5;margin:0;color:#ECEDE6}
body[data-view=library] .scene-collection-empty .scene-primary{min-width:180px;min-height:48px}
body[data-view=library] .scene-all-works{display:block;margin:24px 0 0;padding:10px 0;border:0;color:#CCCFCC;text-decoration:underline;text-underline-offset:4px}
body[data-view=library] .scene-utilities{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:64px 0 0;padding-top:20px;border-top:1px solid #53565D}
body[data-view=library] .scene-utilities .actions{display:flex;gap:8px;flex-wrap:wrap}
body[data-view=library] .scene-utilities button{min-height:44px;padding:8px 12px;font-size:13px}
body[data-view=library] .warehouse-grid-view>h2{font-family:'Noto Serif SC','Songti SC','SimSun',serif;font-size:48px;font-weight:400;margin:28px 0 24px}
body[data-view=library] .warehouse-type-filters#libraryTabs{margin:0 0 24px;gap:8px}
body[data-view=library] .warehouse-type-filters button{border-color:#53565D;background:#22252A;color:#ECEDE6;border-radius:6px}
body[data-view=library] .warehouse-type-filters button[aria-pressed=true]{background:#4AF5E8;color:#000100;border-color:#4AF5E8}
body[data-view=library] .warehouse-work-grid{gap:24px;justify-content:start}
body[data-view=library] .warehouse-body .work-card{color:#ECEDE6}
body[data-view=library] .warehouse-body .work-card-details .work-type{color:#CCCFCC}
body[data-view=library] .warehouse-body .work-actions-trigger{color:#ECEDE6}
body[data-view=library] .warehouse-body .work-actions-trigger:hover{background:#22252A}
body[data-view=library] .warehouse-dialog{background:#22252A;border:1px solid #53565D;border-radius:12px;color:#ECEDE6}
body[data-view=library] .warehouse-dialog h2{color:#ECEDE6}
body[data-view=library] .warehouse-dialog>button{background:#39343E;color:#ECEDE6;border:1px solid #716A75}
body[data-view=library] .warehouse-dialog input{background:#17171C;color:#ECEDE6;border-color:#666A72}
body[data-view=library] .warehouse-dialog-actions button,body[data-view=library] .warehouse-viewer>button{background:#363A3B;color:#ECEDE6;border-color:#53565D}
body[data-view=library] .warehouse-dialog-actions button:hover,body[data-view=library] .warehouse-viewer>button:hover{background:#4AF5E8;color:#000100}
body[data-view=library] .empty{border-color:#53565D;color:#CCCFCC}
body[data-view=library] footer{display:none!important}
body[data-view=editor]{background:#17171C;color:#ECEDE6}
body[data-view=editor] .topbar{background:#17171C;color:#ECEDE6;border-color:#363A3B}
body[data-view=editor] .topbar .brand{color:#E2117B}
body[data-view=editor] .topbar .local-mark{color:#CCCFCC}
body[data-view=editor] #editor .controls{background:#FDFFFD;color:#000100;border-color:#53565D}
body[data-view=editor] #editor .template-section,body[data-view=editor] #editor #cardTools,body[data-view=editor] #editor #photoTools{background:#FDFFFD;color:#000100}
body[data-view=editor] #editor input:not([type=range]),body[data-view=editor] #editor textarea{background:#FDFFFD;color:#000100;border-color:#A0A3A0}
body[data-view=editor] #editor .preview-panel{background:#22252A;border-color:#53565D}
body[data-view=editor] #editor .hint,body[data-view=editor] #editor .preview-top,body[data-view=editor] #editor .preview-bottom{color:#CCCFCC}
body[data-view=editor] #mobileActions button{color:#000100}
/* Photo V5 uses one fixed tool dock: the active panel scrolls, never the preview. */
body[data-photo-v3=true] #photoV3Dock{display:grid;grid-template-rows:56px minmax(0,1fr) auto;min-height:0;height:100%;padding:0;overflow:hidden;background:#FDFFFD;color:#000100}
body[data-photo-v3=true] #photoV3Dock[hidden]{display:none}
.photo-v3-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:56px;border-bottom:1px solid #A0A3A0}
#photoV3Dock .photo-v3-tabs button{min-width:0;min-height:56px;height:56px;padding:6px 2px;border:0;border-right:1px solid #A0A3A0;background:#FDFFFD;color:#000100;font-size:14px}
#photoV3Dock .photo-v3-tabs button:last-child{border-right:0}
#photoV3Dock .photo-v3-tabs button[aria-selected=true]{background:#4AF5E8;box-shadow:inset 0 -3px #E2117B}
.photo-v3-panel{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:12px 14px 18px}
.photo-v3-panel h3{font-size:14px;font-weight:600;line-height:20px;margin:0 0 10px}
.photo-v3-crop-slots,.photo-v3-field-tabs,.photo-v3-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 10px}
.photo-v3-field-tabs{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}
#photoV3Dock .photo-v3-crop-slots button,#photoV3Dock .photo-v3-field-tabs button,#photoV3Dock .photo-v3-filters button{min-width:0;min-height:44px;padding:5px 2px;border:1px solid #A0A3A0;background:#FDFFFD;color:#000100;font-size:12px}
#photoV3Dock button[aria-pressed=true]{background:#4AF5E8;color:#000100;border-color:#000100;box-shadow:inset 0 -3px #E2117B}
.photo-v3-entry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 6px}
#photoV3Dock .photo-v3-entry button{min-width:0;min-height:44px;padding:6px 2px;background:#FDFFFD;color:#000100;font-size:12px}
#photoV3Dock .photo-v3-entry button:first-child{background:#4AF5E8;border-color:#4AF5E8}
.photo-v3-panel>label{display:block;min-height:0;margin:0 0 10px;font-size:12px}
#photoV3Dock .photo-v3-panel textarea{width:100%;height:78px;min-height:78px;margin:7px 0 0;padding:8px;background:#FDFFFD;color:#000100;border:1px solid #A0A3A0;resize:none}
.photo-v3-text-actions{display:flex;gap:6px;margin:0 0 8px}
.photo-v3-text-actions button{flex:1}
.photo-v3-move{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0}
.photo-v3-move button{min-width:0;padding:5px}
.photo-v3-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#photoV3Dock .photo-v3-variant{min-width:0;min-height:100px;height:auto;display:flex;flex-direction:column;gap:4px;padding:5px;background:#FDFFFD;color:#000100;line-height:1.3}
.photo-v3-variant img{width:100%;max-height:76px;height:76px;object-fit:contain;background:#F6F7F6}
.photo-v3-information{margin:0 14px 6px;border-top:1px solid #D3D6D3;background:#FDFFFD}
.photo-v3-information[hidden]{display:none}
.photo-v3-information summary{min-height:44px;padding:11px 0;font-size:12px}
.showcase-samples{display:flex;align-items:center;gap:8px;min-height:50px;margin:4px 0 10px;padding:3px 0;overflow-x:auto}
.showcase-samples:not(:has(.showcase-sample)){display:none}
.showcase-samples h3{flex:none;margin:0 4px 0 0;font-size:11px;font-weight:500;white-space:nowrap;color:#CCCFCC}
.showcase-sample{display:flex;align-items:center;gap:5px;flex:0 0 auto;min-height:44px;height:44px;max-width:130px;padding:2px 6px;border:1px solid #53565D;border-radius:5px;background:#22252A;color:#ECEDE6;text-align:left;font-size:10px}
.showcase-sample img{display:block;width:27px;height:36px;flex:none;object-fit:cover;border-radius:2px}
.showcase-sample span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:800px){body[data-photo-v3=true] .showcase-samples{display:none}body[data-photo-v3=true] #photoV3Dock{grid-template-rows:56px minmax(0,1fr) auto}body[data-photo-v3=true] .photo-v3-panel{padding:8px 10px 16px}body[data-photo-v3=true] .photo-v3-panel h3{margin-bottom:6px}body[data-photo-v3=true] .photo-v3-entry{margin-top:6px}body[data-photo-v3=true] .photo-v3-information{margin:0 10px 3px}}
@media(max-width:1100px){body[data-view=library] #home{padding-left:32px;padding-right:32px}body[data-view=library] .scene-hero{grid-template-columns:minmax(0,42%) minmax(0,58%)}body[data-view=library] .scene-feature-main{left:2%;width:min(450px,78%)}body[data-view=library] .scene-feature-side{left:40%;width:min(324px,58%)}}
@media(max-width:800px){body[data-view=library] .topbar{min-height:76px;padding:16px 24px}body[data-view=library] .topbar .brand{font-size:22px}body[data-view=library] .topbar #navLibrary{font-size:14px;padding:8px 12px}body[data-view=library] .topbar #navLibraryLabel{font-size:14px!important}body[data-view=library] #home{min-height:calc(100dvh - 76px);padding:0 24px 48px}body[data-view=library] .scene-hero{display:flex;flex-direction:column;gap:0;min-height:0;padding-bottom:42px}body[data-view=library] .scene-hero-copy{padding-top:16px}body[data-view=library] .scene-hero h2{font-size:38px}body[data-view=library] .scene-hero-count{font-size:14px;margin:12px 0 0}body[data-view=library] .scene-hero-copy>.scene-primary{display:none}body[data-view=library] .scene-hero-stage{min-height:518px;margin-top:14px}body[data-view=library] .scene-feature-main{left:50%;top:48px;transform:translateX(-50%);width:min(288px,84%);border-width:4px;border-radius:9px}body[data-view=library] .scene-feature-side{left:auto;right:0;top:0;width:min(208px,61%);border-width:1px;transform:rotate(-7deg)}body[data-view=library] .scene-feature-main .scene-feature-caption strong{font-size:26px}body[data-view=library] .scene-feature-side .scene-feature-caption strong{font-size:16px}body[data-view=library] .scene-feature-identity{left:18px;top:15px;font-size:7px}body[data-view=library] .scene-feature-caption{left:18px;right:18px;bottom:18px;max-width:calc(100% - 36px)}body[data-view=library] .scene-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:28px 0 42px}body[data-view=library] .scene-category{min-height:56px;font-size:16px;padding:7px 2px}body[data-view=library] .scene-category small{font-size:11px}body[data-view=library] .scene-collection h3{font-size:24px}body[data-view=library] .scene-collection-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:240px}body[data-view=library] .scene-collection-empty{min-height:240px;padding:20px}body[data-view=library] .scene-collection-empty p{font-size:16px}body[data-view=library] .scene-collection-empty .scene-primary{min-width:0;width:100%;padding:8px}body[data-view=library] .scene-utilities{margin-top:40px}body[data-view=library] .warehouse-grid-view>h2{font-size:32px}body[data-view=library] .warehouse-type-filters#libraryTabs{overflow-x:auto}body[data-view=library] .warehouse-type-filters button{flex:0 0 92px}}
@media(max-width:390px){body[data-view=library] .scene-hero-stage{min-height:490px}body[data-view=library] .scene-feature-main{width:min(270px,82%)}body[data-view=library] .scene-feature-side{width:min(185px,57%)}body[data-view=library] .scene-categories{margin-top:20px}}
@media(prefers-reduced-motion:reduce){body[data-view=library] .scene-feature-card{transition:none!important}body[data-view=library] .scene-feature-card:hover{transform:none!important}}
/* The V5 feature images are complete renderer previews, including their own edge and text. */
body[data-view=library] #libraryHeading{font-family:'Noto Serif SC','Songti SC','SimSun',serif;font-size:68px;line-height:1.2;letter-spacing:-.04em;font-weight:400;margin:0;color:#ECEDE6}
body[data-view=library] .scene-feature-main,body[data-view=library] .scene-feature-side{border:0;background:transparent;box-shadow:none;overflow:visible}
body[data-view=library] .scene-feature-card img{object-fit:contain;background:transparent;filter:drop-shadow(0 20px 22px #00000047)}
body[data-view=library] .scene-feature-card::after,body[data-view=library] .scene-feature-identity,body[data-view=library] .scene-feature-caption{display:none!important}
body[data-view=library] .scene-feature-empty{border:1px dashed #53565D;background:#22252A}
body[data-view=library] .scene-feature-empty .scene-feature-caption{display:flex!important}
body[data-view=library] .scene-collection-head button,body[data-view=library] .scene-all-works{background:transparent;color:#CCCFCC;border-color:transparent}
body[data-view=library] .scene-collection-head button:hover,body[data-view=library] .scene-all-works:hover{background:#22252A;color:#4AF5E8}
body[data-view=library] .scene-collection-empty{grid-column:1/-1}
@media(max-width:800px){body[data-view=library] #libraryHeading{font-size:38px}body[data-view=library] .scene-feature-main{left:8%;transform:none;width:84%}body[data-view=library] .scene-feature-side{right:18px;top:0;width:58%}}
@media(max-width:390px){body[data-view=library] .scene-feature-main{left:8%;width:82%}body[data-view=library] .scene-feature-side{width:55%}}
/* V5 editor surfaces: the same plum/graphite paper as the approved inner pages. */
body[data-view=editor]{font-family:Inter,'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;color:#ECEDE6;background:#17171C}
body[data-view=editor] #editor .controls,body[data-view=editor] #editor .template-section,body[data-view=editor] #editor #cardTools,body[data-view=editor] #editor #photoTools{background:#262329;color:#ECEDE6;border-color:#514A54}
body[data-view=editor] #editor .template-option,body[data-view=editor] #editor .card-choice,body[data-view=editor] #editor .card-field-tab,body[data-view=editor] #editor .card-tool-tabs button,body[data-view=editor] #editor .photo-tool-tabs button{background:#39343E;color:#ECEDE6;border-color:#5B535E}
body[data-view=editor] #editor .template-option[aria-pressed=true],body[data-view=editor] #editor .card-choice[aria-pressed=true],body[data-view=editor] #editor .card-field-tab[aria-selected=true],body[data-view=editor] #editor .card-tool-tabs button[aria-selected=true],body[data-view=editor] #editor .photo-tool-tabs button[aria-selected=true]{background:#4AF5E8;color:#000100;border-color:#4AF5E8}
body[data-view=editor] #editor .controls button.secondary,body[data-view=editor] #editor #cardTools button.secondary,body[data-view=editor] #editor #photoTools button.secondary{background:#39343E;color:#ECEDE6;border-color:#5B535E}
body[data-view=editor] #editor .controls button.quiet,body[data-view=editor] #editor #cardTools button.quiet,body[data-view=editor] #editor #photoTools button.quiet{color:#ECEDE6}
body[data-view=editor] #editor .controls button.accent,body[data-view=editor] #editor #cardTools button.accent,body[data-view=editor] #editor #photoTools button.accent{background:#4AF5E8;color:#000100;border-color:#4AF5E8}
body[data-view=editor] #editor input:not([type=range]),body[data-view=editor] #editor textarea,body[data-view=editor] #editor select{background:#17171C;color:#ECEDE6;border-color:#716A75}
body[data-view=editor] #editor input::placeholder,body[data-view=editor] #editor textarea::placeholder{color:#A9A7A9}
body[data-view=editor] #editor .card-tool-content,body[data-view=editor] #editor .photo-tool-content{background:#262329;color:#ECEDE6}
body[data-view=editor] #editor .card-sticker-tabs,body[data-view=editor] #editor .photo-v3-information{background:#262329;color:#ECEDE6;border-color:#514A54}
body[data-view=editor] #editor .card-sticker-tile,body[data-view=editor] #editor .card-sticker-instance{background:#39343E;color:#ECEDE6;border-color:#5B535E}
body[data-view=editor] #editor .card-sticker-tile[aria-pressed=true],body[data-view=editor] #editor .card-sticker-instance[aria-pressed=true]{background:#4AF5E8;color:#000100}
body[data-photo-v3=true] #photoV3Dock,body[data-photo-v3=true] #photoV3Dock .photo-v3-panel{background:#262329;color:#ECEDE6}
body[data-photo-v3=true] #photoV3Dock .photo-v3-tabs{border-color:#514A54}
body[data-photo-v3=true] #photoV3Dock .photo-v3-tabs button,body[data-photo-v3=true] #photoV3Dock .photo-v3-crop-slots button,body[data-photo-v3=true] #photoV3Dock .photo-v3-field-tabs button,body[data-photo-v3=true] #photoV3Dock .photo-v3-filters button,body[data-photo-v3=true] #photoV3Dock .photo-v3-entry button,body[data-photo-v3=true] #photoV3Dock .photo-v3-variant,body[data-photo-v3=true] #photoV3Dock .photo-v3-text-actions button,body[data-photo-v3=true] #photoV3Dock .photo-v3-move button{background:#39343E;color:#ECEDE6;border-color:#5B535E}
body[data-photo-v3=true] #photoV3Dock .photo-v3-tabs button[aria-selected=true],body[data-photo-v3=true] #photoV3Dock button[aria-pressed=true],body[data-photo-v3=true] #photoV3Dock .photo-v3-entry button:first-child{background:#4AF5E8;color:#000100;border-color:#4AF5E8;box-shadow:inset 0 -3px #E2117B}
body[data-photo-v3=true] #photoV3Dock textarea,body[data-photo-v3=true] #photoV3Dock input:not([type=range]),body[data-photo-v3=true] #photoV3Dock select{background:#17171C;color:#ECEDE6;border-color:#716A75}
body[data-photo-v3=true] #photoV3Dock .photo-v3-variant img{background:#17171C}
body[data-photo-v3=true] #photoV3Dock .photo-v3-information{background:#262329;color:#ECEDE6;border-color:#514A54}

/* Final application fit: preserve the full 3:4 work on short mobile screens. */
@media(max-width:800px){body[data-view]:not([data-view=library]) #canvasHostWrapper{width:var(--canvas-width,288px);max-width:calc(100vw - 24px)}body[data-view]:not([data-view=library]) .showcase-samples{display:none}}
body #photoTools,body .photo-tool-content,body .photo-tool-tabs{background:#262329;color:#ECEDE6}body .photo-tool-tabs button{background:#39343E;color:#ECEDE6;border-color:#514A54}body .photo-tool-tabs button[aria-selected=true]{background:#4AF5E8;color:#000100}body #photoTools button{color:#ECEDE6;background:#39343E;border-color:#514A54}body #photoTools button[aria-pressed=true]{background:#4AF5E8;color:#000100}body #photoTools input:not([type=range]),body #photoTools textarea,body #photoTools select{background:#17171C;color:#ECEDE6}body #mobileExport{color:#000100}body .template-option{color:#ECEDE6;background:#262329}body .template-option.active{color:#000100;background:#4AF5E8}
.scene-template-choice{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px}.scene-template-choice img{width:44px;height:52px;object-fit:cover;border-radius:4px}.scene-template-choice button{min-height:48px}.warehouse-dialog-actions:has(.scene-template-choice){display:grid;gap:8px}
body #photoSlotsPanel{background:#262329;color:#ECEDE6}body #openCard3D{background:#262329;color:#4AF5E8;border-color:#4AF5E8}body[data-card-visual=true] #canvasHost{background:transparent}body #cardTools button:disabled{background:#39343E;color:#ACA5AF}body #photoV3Dock .photo-v3-tabs button[aria-selected=true]{background:#4AF5E8;color:#000100}

/* V7: readable default controls and centered material choices, without hover. */
/* V9: controls outside the main toolbar must use the same readable defaults. */
body[data-view=editor] #editor #showItemExample,body[data-view=library] .warehouse-body .work-actions-trigger{background:#39343E;color:#ECEDE6;border-color:#716A75}
body #decision{background:#262329;color:#ECEDE6;border-color:#716A75}body #decision button{background:#39343E;color:#ECEDE6;border-color:#716A75}body #decision button.primary{background:#4AF5E8;color:#000100;border-color:#4AF5E8}body #decision button:disabled{background:#262329;color:#AAA4AE;border-color:#514A54;opacity:1}body #decision .example-row strong{color:#ECEDE6}
body[data-view=editor] #editor .card-sticker-group h3{color:#ECEDE6}
body[data-view=editor] #cardStickerTabs[data-keys=true]{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}body[data-view=editor] #editor .key-sticker-tile img{width:60px;height:48px}body[data-view=editor] #editor .card-sticker-tabs button{background:#39343E;color:#ECEDE6}body[data-view=editor] #editor .card-sticker-tabs button[aria-selected=true]{background:#4AF5E8;color:#000100}
body[data-view=editor] #editor .mode-row button,body[data-view=editor] #editor #newWork,body[data-view=editor] #editor #canvasPhoto,body[data-view=editor] #editor #backupCurrent,body[data-view=editor] #editor #removePhoto{background:#39343E;color:#ECEDE6;border-color:#716A75}body[data-view=editor] #editor .mode-row button[aria-pressed=true]{background:#E2117B;color:#FDFFFD;border-color:#E2117B}body[data-view=editor] #editor .mode-row button:disabled{background:#262329;color:#AAA4AE;opacity:1}body[data-view=editor] #editor #canvasHint{color:#BDB7C2}
body[data-view=editor] #mobileActions button{background:#39343E;color:#ECEDE6;border-color:#716A75}body[data-view=editor] #mobileActions button:disabled{background:#262329;color:#AAA4AE;opacity:1}body[data-view=editor] #mobileActions #mobileSave{background:#4AF5E8;color:#000100}body[data-view=editor] #mobileActions #mobileExport{background:#39343E;color:#ECEDE6}body[data-view=editor] #mobileActions button span,body[data-view=editor] .topbar button span{color:inherit}body[data-card-visual=true] #cardTools[data-background-open=true] .card-tool-content,body[data-card-visual=true] #eventBackgroundSlot{background:#262329;color:#ECEDE6}body[data-card-visual=true] #eventBackgroundSlot legend,body[data-card-visual=true] #eventBackgroundSlot label{color:#ECEDE6}body[data-card-visual=true] #eventBackgroundSlot .actions button{background:#39343E;color:#ECEDE6;border-color:#716A75}
body[data-view=editor] .topbar button,body[data-view=editor] .file-actions button,body #card3dDialog button{background:#39343E;color:#ECEDE6;border:1px solid #716A75}body[data-view=editor] .topbar button:disabled,body[data-view=editor] .file-actions button:disabled{background:#262329;color:#AAA4AE;opacity:1}body[data-view=editor] #mobileSave,body[data-view=editor] #save{background:#4AF5E8;color:#000100;border-color:#4AF5E8}body[data-view=editor] .topbar button:hover:not(:disabled),body[data-view=editor] .file-actions button:hover:not(:disabled){background:#4AF5E8;color:#000100}body[data-view=editor] #cardMaterials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:stretch;gap:8px;width:100%;margin-inline:auto}body[data-view=editor] #cardMaterials button{display:flex;justify-content:center;align-items:center;text-align:center;min-width:0;padding:10px 5px}body[data-view=editor] #cardMaterials[hidden]{display:none}
/* V11 Figma: shared card tools and substrate choices. Keep scrolling inside the dock. */
:root{--card-panel:#252227;--card-control:#38333C;--card-text:#FDFFFD;--card-mint:#4AF5E8}
body[data-card-visual=true] #cardTools>.card-tool-tabs{display:grid;grid-template-columns:60fr 60fr 86fr 60fr 60fr;gap:4px}
body[data-card-visual=true] #cardTools>.card-tool-tabs button{min-width:0;min-height:44px;height:44px;padding:4px 0;font-size:14px;text-align:center;border-radius:8px}
@media(max-width:800px){body[data-card-visual=true] #cardTools{grid-template-rows:44px minmax(0,1fr)}}
body[data-card-visual=true] #editor .card-tool-content{background:var(--card-panel);color:var(--card-text);padding:12px;border-radius:12px}
body[data-card-visual=true] #editor .card-tool-content h3{font-size:16px;font-weight:400;color:var(--card-text);margin:12px 0 8px}
.card-substrates>h3:first-child{margin-top:0!important;text-align:center}
.card-substrate-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.card-substrate-grid>.card-choice{grid-column:span 2}
.card-substrate-grid>.card-choice:last-child:nth-child(3n+1){grid-column:3/span 2}
.card-substrate-grid>.card-choice:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}
.card-substrate-grid>.card-choice:last-child:nth-child(3n+2){grid-column:4/span 2}
body[data-card-visual=true] #editor .card-substrate-grid .card-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 0 8px;min-width:0;overflow:hidden;font-size:14px;background:var(--card-control);color:var(--card-text);border:2px solid transparent;border-radius:8px}
.card-substrate-grid img{display:block;width:100%;aspect-ratio:100/84;object-fit:contain}
body[data-card-visual=true] #editor .card-substrate-grid .card-choice[aria-pressed=true]{border-color:var(--card-mint);background:#304746}
.card-substrates>.card-choice{margin-top:8px;min-height:36px;font-size:12px}
#cardBackgroundPanel .surface-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 12px}
body[data-card-visual=true] #editor #cardBackgroundPanel .card-choice{min-width:0;min-height:44px;padding:4px;font-size:13px;text-align:center;background:var(--card-control);color:var(--card-text)}
body[data-card-visual=true] #editor #cardBackgroundPanel .surface-color{background:var(--swatch);color:#18161C}
body[data-card-visual=true] #editor #cardBackgroundPanel .card-choice[aria-pressed=true]{outline:2px solid var(--card-mint);outline-offset:-2px}
#cardBackgroundPanel input[type=color]{width:100%;height:36px;padding:2px;border:0}
#cardBackgroundPanel label{display:block;margin:12px 0;color:var(--card-text)}
#cardBackgroundPanel input[type=text]{width:100%;margin-top:6px}
body[data-card-visual=true] #cardTools button:focus-visible{outline:2px solid var(--card-mint);outline-offset:2px}