.site-nav a.active{color:var(--gold-2)}.album-studio-body{background:linear-gradient(145deg, #080a0cf5, #080808fa), var(--bg)}.hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.album-studio{min-height:calc(100vh - 78px);padding:16px clamp(12px,1.8vw,28px) 28px}.studio-appbar{grid-template-columns:minmax(280px,1fr) auto auto;align-items:end;gap:14px;margin-bottom:14px;display:grid}.studio-title h1{margin:0;font-size:clamp(30px,3.8vw,56px);line-height:1}.studio-title span,.panel-title small,.canvas-toolbar span,.slot-readout,.export-note,.progress-card small,.zoom-control span,.export-mini span,.filter-stack span,.control-field span{color:var(--muted);font-size:12px;font-weight:800}.print-specs,.app-actions,.toolbar-actions,.guide-toolbar,.button-grid,.export-mini{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.print-specs{justify-content:flex-end}.print-specs span{min-height:34px;color:var(--gold-2);background:#d7b45612;border:1px solid #d7b45647;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:900}.app-actions{justify-content:flex-end}.mobile-studio-tabs,.mobile-export-bar{display:none}.studio-workspace{grid-template-columns:minmax(250px,310px) minmax(560px,1fr) minmax(280px,340px);align-items:start;gap:14px;display:grid}.studio-panel,.canvas-panel{background:#101010c7;border:1px solid #ffffff1f;border-radius:8px;min-width:0;box-shadow:0 18px 44px #00000038}.studio-panel{flex-direction:column;gap:12px;padding:14px;display:flex}.panel-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-title.compact{padding-top:4px}.panel-title span{color:var(--text);font-size:15px;font-weight:950;display:block}.tool-btn{min-height:36px;color:var(--text);background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex}.tool-btn:hover,.tool-btn:focus-visible,.style-chip:hover,.style-chip:focus-visible,.timeline-item:hover,.timeline-item:focus-visible{border-color:#d7b4569e;outline:none}.tool-btn:disabled,.btn:disabled{cursor:not-allowed;opacity:.45}.primary-tool{color:#12100b;background:linear-gradient(135deg, var(--gold), var(--gold-2));border-color:#0000}.upload-actions{gap:8px;display:grid}.upload-zone,.folder-zone{text-align:center;background:linear-gradient(135deg,#d7b45621,#ffffff0a),#0000002e;border:1px dashed #d7b4568a;border-radius:8px;place-items:center;min-height:128px;padding:16px;display:grid}.folder-zone{min-height:42px;color:var(--gold-2);border-style:solid;font-size:12px;font-weight:950}.folder-action{cursor:pointer;background:#d7b45614;width:100%}.folder-action:hover,.folder-action:focus-visible{background:#d7b45624;outline:none}.upload-zone.dragging{border-color:var(--gold-2);background:#d7b45629}.upload-zone input,.folder-zone input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.upload-zone strong{color:var(--text);font-size:15px}.upload-zone span{max-width:230px;color:var(--muted);margin-top:6px;font-size:12px;font-weight:800;line-height:1.35}.progress-card,.preflight-box,.export-box{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:8px;gap:9px;padding:12px;display:grid}.progress-card>div{gap:4px;display:grid}.progress-card span{color:var(--gold);text-transform:uppercase;font-size:11px;font-weight:950}.progress-card strong{color:var(--text);font-size:13px}.persist-status{color:#ffffffb3;font-size:11px;line-height:1.35}progress{background:#ffffff14;border:0;border-radius:999px;width:100%;height:9px;overflow:hidden}progress::-webkit-progress-bar{background:#ffffff14}progress::-webkit-progress-value{background:linear-gradient(90deg, var(--gold), var(--gold-2))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stat-chip{background:#00000029;border:1px solid #ffffff1a;border-radius:8px;min-height:48px;padding:9px}.stat-chip strong{color:var(--text);font-size:18px;display:block}.stat-chip span{color:var(--muted);font-size:11px;font-weight:850}.filter-stack{grid-template-columns:1fr 1fr;gap:8px;display:grid}.filter-stack label:first-child{grid-column:1/-1}.filter-stack label,.control-field,.export-mini label{gap:6px;display:grid}.filter-stack input,.filter-stack select,.control-field input,.control-field select,.export-mini select{width:100%;min-height:38px;color:var(--text);background:#ffffff0f;border:1px solid #ffffff21;border-radius:8px;padding:0 10px}select option{color:#111}.thumb-viewport{background:#00000024;border:1px solid #ffffff14;border-radius:8px;min-height:330px;max-height:calc(100vh - 570px);position:relative;overflow:auto}.thumb-spacer{min-height:160px;position:relative}.thumb-card{background:#101010;border:1px solid #ffffff1c;border-radius:8px;position:absolute;overflow:hidden}.thumb-card.selected{border-color:var(--gold-2)}.thumb-card img{object-fit:cover;width:100%;height:100%}.thumb-card button{color:#0000;background:0 0;border:0;position:absolute;inset:0}.thumb-badge,.thumb-reason{white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:calc(100% - 12px);padding:4px 6px;font-size:10px;font-weight:950;position:absolute;left:6px;overflow:hidden}.thumb-badge{color:#10100d;background:#f3dc91eb;bottom:6px}.thumb-reason{color:var(--text);background:#0000009e;top:6px}.canvas-panel{flex-direction:column;gap:10px;padding:12px;display:flex}.canvas-toolbar,.canvas-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.canvas-toolbar strong{font-size:15px;display:block}.guide-toolbar{background:#ffffff09;border:1px solid #ffffff17;border-radius:8px;padding:8px}.guide-toolbar label{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.guide-toolbar input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--gold);flex:0 0 16px}.zoom-control,.print-format-control{min-width:210px}.zoom-control input,.control-field input[type=range],.export-mini input[type=range]{accent-color:var(--gold)}.zoom-control output{width:42px;color:var(--gold-2);text-align:right;font-size:12px;font-weight:950}.print-format-control select{min-height:36px;color:var(--text);background:#ffffff0f;border:1px solid #ffffff21;border-radius:8px;padding:0 10px;font-weight:900}.canvas-stage{background-color:#080808;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff1a;border-radius:8px;place-items:start center;min-height:min(58vh,560px);padding:18px;display:grid;overflow:auto}#album-canvas{aspect-ratio:88/30;cursor:grab;transform-origin:top;border-radius:4px;width:min(100%,1180px);height:auto;display:block;box-shadow:0 28px 80px #0000007a}#album-canvas:active{cursor:grabbing}.slot-readout{align-items:center;min-width:210px;min-height:36px;display:inline-flex}.export-mini{justify-content:flex-end}.export-mini .btn{min-height:38px;padding:0 12px}.spread-timeline{grid-template-columns:repeat(10,minmax(92px,1fr));gap:8px;padding:4px 0 2px;display:grid;overflow-x:auto}.timeline-item{min-height:74px;color:var(--text);text-align:left;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;padding:8px}.timeline-item.active{border-color:var(--gold-2);background:#d7b45621}.timeline-item strong,.timeline-item span,.timeline-item small{display:block}.timeline-item strong{margin-bottom:5px;font-size:12px}.timeline-item span{color:var(--muted);font-size:10px;line-height:1.2}.timeline-item small{color:var(--gold-2);margin-top:6px;font-size:10px;font-weight:950}.style-list,.project-template-box,.project-presets,.text-controls,.slot-controls{gap:10px;display:grid}.project-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{min-height:142px;color:var(--text);text-align:left;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:8px;gap:7px;padding:9px;display:grid}.project-card:hover,.project-card:focus-visible,.project-card.active{border-color:#d7b456b8;outline:none}.project-card.active{background:#d7b4561f}.project-card strong{font-size:12px;line-height:1.15}.project-card small{color:var(--muted);font-size:10px;font-weight:900}.project-preview{aspect-ratio:88/30;background:linear-gradient(135deg,#0a0907,#21170d);border:1px solid #ffffff24;border-radius:6px;display:block;position:relative;overflow:hidden}.project-preview i{background:#ffffff38;border-radius:3px;display:block;position:absolute;box-shadow:0 6px 14px #00000042}.project-preview img{object-fit:cover;filter:saturate(1.04)contrast(1.03);border-radius:3px;display:block;position:absolute;box-shadow:0 6px 14px #00000042}.project-empty-preview{color:#ffffffb8;text-align:center;background:#ffffff0b;place-items:center;padding:8px;font-size:10px;font-weight:900;display:grid;position:absolute;inset:0}.project-preview.book i:first-child,.project-preview.book img:first-child,.project-preview.cream i:first-child,.project-preview.cream img:first-child,.project-preview.storybook i:first-child,.project-preview.storybook img:first-child,.project-preview.royal i:first-child,.project-preview.royal img:first-child{background:linear-gradient(135deg,#ffffffe0,#d7b4568a);border-radius:50%;width:22%;height:56%;top:18%;left:39%}.project-preview.book i:nth-child(2),.project-preview.book img:nth-child(2),.project-preview.royal i:nth-child(2),.project-preview.royal img:nth-child(2){width:19%;height:26%;top:18%;left:8%}.project-preview.book i:nth-child(3),.project-preview.book img:nth-child(3),.project-preview.royal i:nth-child(3),.project-preview.royal img:nth-child(3){width:18%;height:24%;bottom:17%;right:8%}.project-preview.magazine{background:linear-gradient(135deg,#1a1210,#c9a197 54%,#111)}.project-preview.magazine i:first-child,.project-preview.magazine img:first-child{width:44%;height:66%;top:13%;left:5%}.project-preview.magazine i:nth-child(2),.project-preview.magazine img:nth-child(2),.project-preview.magazine i:nth-child(3),.project-preview.magazine img:nth-child(3),.project-preview.magazine i:nth-child(4),.project-preview.magazine img:nth-child(4){width:16%;height:22%;right:7%}.project-preview.magazine i:nth-child(2),.project-preview.magazine img:nth-child(2){top:16%}.project-preview.magazine i:nth-child(3),.project-preview.magazine img:nth-child(3){top:42%}.project-preview.magazine i:nth-child(4),.project-preview.magazine img:nth-child(4){top:68%}.project-preview.sheet,.project-preview.market{background:linear-gradient(135deg,#111,#2a2927)}.project-preview.sheet i,.project-preview.sheet img,.project-preview.market i,.project-preview.market img{background:#ffffff2e;width:16%;height:22%}.project-preview.sheet i:first-child,.project-preview.sheet img:first-child,.project-preview.market i:first-child,.project-preview.market img:first-child{top:15%;left:6%}.project-preview.sheet i:nth-child(2),.project-preview.sheet img:nth-child(2),.project-preview.market i:nth-child(2),.project-preview.market img:nth-child(2){top:15%;left:26%}.project-preview.sheet i:nth-child(3),.project-preview.sheet img:nth-child(3),.project-preview.market i:nth-child(3),.project-preview.market img:nth-child(3){top:15%;left:46%}.project-preview.sheet i:nth-child(4),.project-preview.sheet img:nth-child(4),.project-preview.market i:nth-child(4),.project-preview.market img:nth-child(4){top:15%;left:66%}.project-preview.sheet i:nth-child(5),.project-preview.sheet img:nth-child(5),.project-preview.market i:nth-child(5),.project-preview.market img:nth-child(5){width:64%;height:25%;top:52%;left:16%}.project-preview.cream,.project-preview.storybook{background:linear-gradient(135deg,#fbf7ee,#dfcaa3)}.project-preview.cream i:nth-child(2),.project-preview.cream img:nth-child(2),.project-preview.storybook i:nth-child(2),.project-preview.storybook img:nth-child(2){background:#11111138;width:18%;height:34%;top:22%;left:8%}.project-preview.cream i:nth-child(3),.project-preview.cream img:nth-child(3),.project-preview.storybook i:nth-child(3),.project-preview.storybook img:nth-child(3){background:#11111138;width:19%;height:28%;top:42%;right:8%}.project-preview.cinema{background:linear-gradient(135deg,#020304,#14222b)}.project-preview.royal{background:linear-gradient(135deg,#061812,#161008 58%,#d7b456)}.project-preview.cinema i:first-child,.project-preview.cinema img:first-child{width:62%;height:62%;top:14%;right:7%}.project-preview.cinema i:nth-child(2),.project-preview.cinema img:nth-child(2),.project-preview.cinema i:nth-child(3),.project-preview.cinema img:nth-child(3),.project-preview.cinema i:nth-child(4),.project-preview.cinema img:nth-child(4){width:17%;height:17%;left:6%}.project-preview.cinema i:nth-child(2),.project-preview.cinema img:nth-child(2){top:14%}.project-preview.cinema i:nth-child(3),.project-preview.cinema img:nth-child(3){top:38%}.project-preview.cinema i:nth-child(4),.project-preview.cinema img:nth-child(4){top:62%}.project-preview.creative{background:radial-gradient(circle at 78% 23%,#4480533d,#0000 30%),linear-gradient(135deg,#fffdf7 0%,#efe4cf 54%,#d59aa8 100%)}.project-preview.creative i,.project-preview.creative img{background:#1c18143d}.project-preview.creative i:first-child,.project-preview.creative img:first-child{border-radius:22px 60px 22px 48px;width:48%;height:59%;top:17%;left:7%;transform:skew(-8deg)}.project-preview.creative i:nth-child(2),.project-preview.creative img:nth-child(2){width:17%;height:27%;top:14%;left:59%;transform:rotate(45deg)}.project-preview.creative i:nth-child(3),.project-preview.creative img:nth-child(3){border-radius:50%;width:17%;height:30%;top:35%;right:9%}.project-preview.creative i:nth-child(4),.project-preview.creative img:nth-child(4){width:27%;height:18%;bottom:16%;left:60%}.project-preview.creative i:nth-child(5),.project-preview.creative img:nth-child(5){background:#b78f4675;border-radius:999px;width:77%;height:5%;bottom:11%;left:9%}.project-preview.creative img:nth-child(5){border-radius:4px;width:20%;height:18%;bottom:12%;left:68%}.style-list{grid-template-columns:repeat(2,minmax(0,1fr))}.style-chip{min-height:40px;color:var(--text);text-align:left;background:#ffffff0b;border:1px solid #ffffff21;border-radius:8px;align-items:center;gap:8px;padding:0 9px;font-size:11px;font-weight:950;display:flex}.style-chip.active{background:#d7b4561f;border-color:#d7b456c2}.style-chip span{border:1px solid #ffffff59;border-radius:50%;flex:0 0 15px;width:15px;height:15px}.style-chip[data-style=luxury] span{background:linear-gradient(135deg,#0b0a08,#d7b456)}.style-chip[data-style=romantic] span{background:linear-gradient(135deg,#5b2430,#f2c9bc)}.style-chip[data-style=minimal] span{background:linear-gradient(135deg,#f5f0e7,#2b2b2b)}.style-chip[data-style=royal] span{background:linear-gradient(135deg,#160b28,#f3dc91)}.style-chip[data-style=cinema] span{background:linear-gradient(135deg,#05070a,#62b6cb)}.style-chip[data-style=uzbek] span{background:linear-gradient(135deg,#06251f,#d7b456)}.style-chip[data-style=light] span{background:linear-gradient(135deg,#fff8ec,#9cc9d1)}.style-chip[data-style=floral] span{background:linear-gradient(135deg,#29351d,#e6b7b7)}.style-chip[data-style=dark] span{background:linear-gradient(135deg,#030405,#8bb7c6)}.style-chip[data-style=blackgold] span{background:linear-gradient(135deg,#050403,#fff0b8)}.style-chip[data-style=white] span{background:linear-gradient(135deg,#fff,#d2b46f)}.style-chip[data-style=editorial] span{background:linear-gradient(135deg,#111,#c7342d)}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.button-grid .btn,.button-grid .tool-btn{width:100%}.preflight-list{gap:7px;max-height:190px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.preflight-list li{color:var(--muted);background:#00000029;border:1px solid #ffffff1a;border-radius:8px;padding:8px;font-size:12px;line-height:1.35}.preflight-list li strong{color:var(--text);font-size:12px;display:block}.export-box{margin-top:auto}.export-note{margin:0;line-height:1.45}.export-preview{gap:7px;margin-top:10px;display:grid}.export-preview span{color:var(--muted);font-size:11px;font-weight:900}.export-preview img{aspect-ratio:88/30;object-fit:contain;background:#f6f1e8;border:1px solid #d7b45652;border-radius:6px;width:100%;display:block}.album-footer{margin-top:0}@media (width<=1500px){.studio-appbar{grid-template-columns:1fr}.print-specs,.app-actions{justify-content:flex-start}}@media (width<=1260px){.studio-workspace{grid-template-columns:minmax(240px,300px) minmax(420px,1fr)}.control-panel{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.control-panel>.panel-title,.export-box{grid-column:1/-1}}@media (width<=940px){.album-studio{padding-top:10px}.studio-appbar{gap:10px;margin-bottom:10px}.studio-title h1{font-size:clamp(30px,8vw,44px)}.mobile-studio-tabs{z-index:35;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080808eb;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 10px;padding:6px;display:grid;position:sticky;top:68px}.mobile-studio-tabs button{min-height:42px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;font-size:12px;font-weight:950}.mobile-studio-tabs button.active{color:#12100b;background:linear-gradient(135deg, var(--gold), var(--gold-2));border-color:#0000}.studio-workspace,.control-panel{grid-template-columns:1fr}.album-studio[data-mobile-panel=photos] .studio-workspace>[data-studio-panel]:not([data-studio-panel=photos]),.album-studio[data-mobile-panel=editor] .studio-workspace>[data-studio-panel]:not([data-studio-panel=editor]),.album-studio[data-mobile-panel=design] .studio-workspace>[data-studio-panel]:not([data-studio-panel=design]),.album-studio[data-mobile-panel=export] .studio-workspace>[data-studio-panel]{display:none}.album-studio[data-mobile-panel=export] .mobile-export-bar{z-index:30;background:#101010f0;border:1px solid #d7b45652;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;display:grid;position:sticky;bottom:10px;box-shadow:0 18px 44px #0000005c}.mobile-export-bar .btn,.mobile-export-bar .tool-btn{min-height:44px;padding:0 8px}.control-panel{display:flex}.studio-panel,.canvas-panel{box-shadow:0 12px 28px #0003}.canvas-toolbar,.canvas-footer{flex-direction:column;align-items:stretch}.toolbar-actions,.guide-toolbar,.export-mini{justify-content:flex-start}.thumb-viewport{max-height:380px}.canvas-stage{justify-content:start;place-items:start;min-height:330px;padding:12px}#album-canvas{width:max(720px,100%);max-width:none}}.qa-contact-sheet{color:#f7e7b3;background:#090805;padding:28px}body.qa-mode .topbar,body.qa-mode .album-studio,body.qa-mode .album-footer{display:none}.qa-contact-sheet h2{letter-spacing:0;margin:0 0 6px;font-size:22px}.qa-contact-sheet p{color:#cdbd82;margin:0 0 20px}.qa-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.qa-contact-card{margin:0}.qa-contact-card img,.qa-full-spreads img{background:#f6f1e8;border:1px solid #d7b4567a;width:100%;height:auto;display:block}.qa-contact-card figcaption{margin-top:8px;font-weight:800}.qa-full-spreads{gap:28px;margin-top:34px;display:grid}@media (width<=620px){.album-studio{padding:12px 10px 26px}.mobile-studio-tabs{gap:5px;padding:5px;top:58px}.mobile-studio-tabs button{min-height:39px;padding:0 4px;font-size:11px}.print-specs span,.app-actions .tool-btn{text-align:center;flex:calc(50% - 8px)}.filter-stack,.project-presets,.style-list,.button-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-stage{min-height:320px;padding:10px}#album-canvas{width:max(760px,100%)}.spread-timeline{grid-template-columns:repeat(10,106px)}.export-mini .btn,.export-mini label,.zoom-control{width:100%}.album-studio[data-mobile-panel=export] .mobile-export-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}
