:root{color-scheme:light;--ink:#292331;--muted:#726879;--paper:#fcfafc;--line:#e9e2eb;--purple:#7434a4;--soft:#f1e8f7;--green:#247f60;--shadow:0 10px 36px #41284909;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;padding:24px;min-width:280px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #c592e8;outline-offset:3px}h1,h2,p{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:750;letter-spacing:-.4px}.mark{background:var(--purple);border-radius:8px;width:38px;height:31px;position:relative;box-shadow:inset 0 -4px 0 #542577}.mark:before,.mark:after{content:"";position:absolute;width:11px;height:8px;background:#9956c3;border-radius:50%;top:-4px;box-shadow:inset 0 2px 0 #b584d2}.mark:before{left:6px}.mark:after{right:6px}.lock{font-size:11px;background:var(--soft);color:var(--purple);padding:7px 10px;border-radius:20px;font-weight:700;white-space:nowrap}.intro{margin:26px 0 20px}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--purple);margin-bottom:7px}h1{font-size:clamp(24px,4vw,34px);line-height:1.13;letter-spacing:-1.25px;max-width:620px}.intro p{margin-top:9px;color:var(--muted);font-size:13px;line-height:1.55}.steps{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;padding:0;list-style:none}.steps li{font-size:11px;color:var(--muted);padding:7px 10px;border-radius:7px;background:#f4f0f5}.steps .active{color:var(--purple);background:var(--soft);font-weight:700}.steps span{font-variant-numeric:tabular-nums;margin-right:7px}.workspace{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.controls{padding:18px}h2{font-size:14px;letter-spacing:-.2px}.sub{font-size:11px;color:var(--muted);line-height:1.5;margin-top:5px}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed #cbb5d9;background:#fcf9fe;border-radius:12px;min-height:150px;padding:18px;margin:15px 0 12px;text-align:center;gap:8px;cursor:pointer}.drop.drag{background:var(--soft);border-color:var(--purple)}.drop svg{width:27px;color:var(--purple)}.drop strong{font-size:12px}.drop span{font-size:10px;color:var(--muted)}.drop img{max-height:135px;max-width:100%;object-fit:contain;border-radius:6px}.drop input{position:absolute;width:1px;height:1px;opacity:0}.drop:focus-within{outline:3px solid #c592e8;outline-offset:3px}.file-state{font-size:11px;min-height:17px;color:var(--muted);overflow-wrap:anywhere}label.field{display:block;font-size:11px;font-weight:700;margin:17px 0 7px}select,textarea{border:1px solid #dacddd;background:#fff;color:var(--ink);border-radius:8px;width:100%;padding:10px;font-size:12px}textarea{resize:vertical;min-height:90px;line-height:1.5}.primary{background:var(--purple);color:white;font-weight:700;border:0;border-radius:9px;padding:12px 15px;font-size:12px;width:100%;margin-top:17px}.secondary{background:white;border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:11px;color:var(--muted)}.cost{font-size:10px;color:var(--muted);line-height:1.5;margin-top:9px}.status-box{border-radius:9px;padding:11px;margin-top:12px;font-size:11px;line-height:1.5;background:#fff5e8;color:#8a5e27}.status-box.ready{background:#eaf6ef;color:var(--green)}.viewer{overflow:hidden;display:flex;flex-direction:column;min-height:430px}.viewer-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--line)}.view-switch{display:flex;gap:3px;background:#f4f0f5;border-radius:8px;padding:3px}.view-switch button{font-size:10px;border:0;background:transparent;color:var(--muted);padding:6px 9px;border-radius:5px}.view-switch button[aria-pressed=true]{background:white;color:var(--purple);box-shadow:0 2px 6px #42254715}.canvas{display:flex;align-items:center;justify-content:center;min-height:300px;padding:18px;flex:1;background-color:#fbf9fc;background-image:linear-gradient(45deg,#f3eff5 25%,transparent 25%),linear-gradient(-45deg,#f3eff5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f3eff5 75%),linear-gradient(-45deg,transparent 75%,#f3eff5 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.canvas img{max-width:100%;max-height:550px;object-fit:contain;border-radius:7px;box-shadow:0 8px 28px #27103215}.empty{text-align:center;max-width:240px;line-height:1.5}.empty .brick-stack{position:relative;height:70px;margin:0 auto 18px;width:110px}.brick-stack i{position:absolute;width:64px;height:26px;border-radius:5px;box-shadow:inset 0 -5px 0 #00000012;background:#dcc4ef;left:8px;bottom:0}.brick-stack i:before{content:"● ●";position:absolute;top:-11px;left:11px;font-size:21px;letter-spacing:5px;color:inherit}.brick-stack i:nth-child(2){bottom:25px;left:42px;background:#a76bce;color:#a76bce}.brick-stack i:nth-child(3){bottom:0;left:55px;background:#7434a4;color:#7434a4}.empty strong{font-size:14px}.empty p{font-size:11px;color:var(--muted);margin-top:7px}.viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.history{margin-top:17px;padding:17px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.versions{display:flex;gap:8px;overflow:auto;padding-bottom:4px;min-height:50px}.version{min-width:145px;text-align:left;background:#faf7fc;border:1px solid var(--line);border-radius:9px;padding:10px;color:var(--ink);font-size:11px}.version.selected{border-color:var(--purple);background:var(--soft)}.version small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.revision{border-top:1px solid var(--line);margin-top:17px;padding-top:17px}.presets{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.presets button{font-size:9px;border:1px solid var(--line);border-radius:20px;background:#fcf9fe;color:var(--purple);padding:6px 8px}.revision .primary{margin-top:10px}.message{font-size:11px;line-height:1.5;min-height:17px;margin-top:13px;color:var(--muted);overflow-wrap:anywhere}.message.error{color:#a13544}footer{display:flex;justify-content:space-between;gap:8px;margin-top:17px;color:var(--muted);font-size:9px;line-height:1.5}a{color:var(--purple)}[hidden]{display:none!important}@media(max-width:650px){body{padding:16px}.workspace{grid-template-columns:1fr}.viewer{min-height:350px}.canvas{min-height:230px}.intro{margin-top:23px}.lock{font-size:9px}h1{letter-spacing:-.8px}.drop{min-height:110px}footer{flex-direction:column}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#211d26;--ink:#f5eef9;--muted:#b6a9be;--line:#403347;--soft:#392547;--purple:#ba86df}.card,select,textarea,.secondary{background:#2b2431}.drop,.version,.presets button{background:#302537}.view-switch{background:#211a28}.view-switch button[aria-pressed=true]{background:#493352}.canvas{background-color:#2b2531;background-image:none}.status-box{background:#493321;color:#f0c593}.status-box.ready{background:#203d31;color:#a0dfbc}.primary{background:#8b47bc;color:#fff}}
.progress-panel{padding:13px 16px;margin:0 0 16px}.progress-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.progress-step{border:1px solid var(--line);border-radius:8px;padding:8px 7px;font-size:10px;color:var(--muted);background:#faf7fc;text-align:center}.progress-step.active{border-color:var(--purple);background:var(--soft);color:var(--purple);font-weight:750}.progress-step.done{border-color:#b9dcca;background:#edf8f1;color:var(--green)}.progress-step span{display:block;font-size:9px;opacity:.75}.progress-text{font-size:11px;color:var(--muted);line-height:1.5;margin-top:10px;overflow-wrap:anywhere}.meta-box{border-top:1px solid var(--line);padding:11px 18px;font-size:10px;color:var(--muted);line-height:1.55;background:#fff;overflow-wrap:anywhere}.policy{margin-top:17px;padding:17px}.policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.policy input{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:inherit}.danger{color:#a13544}.modal{position:fixed;inset:0;z-index:10;background:#160d2399;display:flex;align-items:center;justify-content:center;padding:20px}.modal .card{max-width:430px;padding:24px}.modal p{font-size:13px;line-height:1.6;margin:14px 0;white-space:pre-line}.modal-actions{display:flex;gap:12px}.modal-actions .primary{margin:0;width:auto;flex:1}@media(max-width:650px){.policy-grid{grid-template-columns:1fr}.progress-rail{grid-template-columns:1fr 1fr}}
.quota-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.quota-card{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fcf9fe;min-width:0}.quota-card h3{font-size:12px;margin:0 0 8px}.quota-number{font-size:15px;font-weight:750;line-height:1.45}.reset-note{font-size:11px;color:var(--purple);line-height:1.6;margin-top:9px;overflow-wrap:anywhere}@media(max-width:520px){.quota-grid{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){.quota-card{background:#302537}.progress-step{background:#302537}.progress-step.done{background:#203d31;color:#a0dfbc}.meta-box{background:#2b2431}}
.advanced{margin-top:18px;border:1px solid var(--line);border-radius:10px;padding:12px}.advanced summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--purple)}.advanced[open] .policy-grid{margin-top:14px}.action-help{font-size:11px;color:var(--muted);line-height:1.5;margin-top:8px}.policy .danger{margin-top:15px}@media(max-width:650px){.versions{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;gap:10px}.version{min-width:0;width:100%;min-height:58px;font-size:14px;line-height:1.35}.version small{font-size:12px;line-height:1.4}.history-header .secondary,.view-switch button{min-height:40px}}


:root{color-scheme:dark;--paper:#0b0f14;--ink:#eef1f6;--muted:#b4beca;--line:#303b47;--soft:#292039;--purple:#c191eb;--green:#91dfaf;--shadow:none}
body{max-width:1440px;margin:0 auto;background:var(--paper)}
.card,select,textarea,.secondary{background:#151b23;color:var(--ink)}
.drop,.version,.presets button,.quota-card,.progress-step{background:#1d2530}
.canvas{background:#111821;background-image:none}
.meta-box{background:#151b23}
.status-box{background:#40321f;color:#f2d39f}
.status-box.ready{background:#19392c;color:#a7e4c1}
.view-switch{background:#0e141b}
.view-switch button[aria-pressed=true]{background:#333e4d;color:#f2e0ff}
.primary{background:#7942a3;color:#fff}
#generate:disabled{background:var(--paper);color:var(--muted);border:1px solid var(--line);opacity:1}
.app-nav{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px;margin-bottom:4px;scrollbar-width:thin}
.app-nav button{flex:0 0 auto;min-height:44px;padding:10px 17px;border-radius:9px;border:1px solid var(--line);background:#151b23;color:var(--muted);font-size:13px;font-weight:650}
.app-nav button[aria-pressed=true]{background:#3a274f;border-color:#a76ccc;color:#f5e9ff}
.app-nav button:focus-visible{outline:3px solid #d6aeef;outline-offset:2px}
body[data-section=create] .revision,body[data-section=create] .history,body[data-section=create] .policy{display:none}
body[data-section=result] .controls>:not(.revision),body[data-section=result] .history,body[data-section=result] .policy{display:none}
body[data-section=result] .revision{border:0;margin:0;padding:0}
body[data-section=versions] .workspace,body[data-section=versions] .policy,body[data-section=versions] .progress-panel{display:none}
body[data-section=limits] .workspace,body[data-section=limits] .history,body[data-section=limits] .progress-panel{display:none}
body[data-section=versions] .history,body[data-section=limits] .policy{margin-top:0}
#message{margin:0 0 12px;min-height:0}
#message:empty{display:none}
.message.error{color:#ff8f9e}
@media(max-width:700px){.workspace{grid-template-columns:1fr}body[data-section=result] .viewer{order:0}body[data-section=result] .controls{order:1}.app-nav button{padding:10px 13px;font-size:12px}.intro{margin-bottom:13px}}

/* Optional appearance choices. The original Tower palette stays the default. */
header{flex-wrap:wrap}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.language-picker{display:inline-flex;align-items:center;gap:7px;max-width:100%;color:var(--muted)}
.language-picker select{min-width:142px;max-width:240px;width:auto;padding:8px 24px 8px 9px;font-size:12px;font-weight:650;cursor:pointer}
@media(max-width:480px){.language-picker select{max-width:175px;min-width:125px}.header-actions{justify-content:flex-start}}
.theme-picker{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:700}
.theme-picker select{width:auto;min-width:112px;padding:8px 24px 8px 9px;font-size:11px}
:root[data-theme=light]{color-scheme:light;--paper:#f4f7fb;--ink:#182638;--muted:#415269;--line:#b7c5d5;--soft:#ede5f5;--purple:#633387;--green:#176443}
[data-theme=light] .card,[data-theme=light] select,[data-theme=light] textarea,[data-theme=light] .secondary,[data-theme=light] .meta-box{background:#fff;color:var(--ink)}
[data-theme=light] select,[data-theme=light] textarea{border-color:var(--line)}
[data-theme=light] .drop,[data-theme=light] .version,[data-theme=light] .presets button,[data-theme=light] .quota-card,[data-theme=light] .progress-step{background:#f9f6fd}
[data-theme=light] .canvas{background:#f1f5fa;background-image:none}
[data-theme=light] .view-switch{background:#e8edf5}
[data-theme=light] .view-switch button[aria-pressed=true]{background:#fff;color:var(--purple)}
[data-theme=light] .app-nav button{background:#fff;color:var(--ink)}
[data-theme=light] .app-nav button[aria-pressed=true]{background:var(--soft);border-color:var(--purple);color:var(--purple)}
[data-theme=light] .status-box{background:#fff1dc;color:#6d4207}
[data-theme=light] .status-box.ready{background:#dff4e8;color:#145239}
[data-theme=light] .progress-step.done{background:#e4f4e9;color:#145239}
[data-theme=light] .primary{background:#633387;color:#fff}
[data-theme=light] .message.error,[data-theme=light] .danger{color:#9e1830}
:root[data-theme=contrast]{color-scheme:dark;--paper:#05070a;--ink:#fff;--muted:#e0e7f0;--line:#b9c7d5;--soft:#262414;--purple:#ffd65a;--green:#bcf4ca}
[data-theme=contrast] .card,[data-theme=contrast] select,[data-theme=contrast] textarea,[data-theme=contrast] .secondary,[data-theme=contrast] .meta-box{background:#101820;color:#fff}
[data-theme=contrast] select,[data-theme=contrast] textarea{border-color:#d8e3ef}
[data-theme=contrast] .drop,[data-theme=contrast] .version,[data-theme=contrast] .presets button,[data-theme=contrast] .quota-card,[data-theme=contrast] .progress-step{background:#101820;color:#fff}
[data-theme=contrast] .canvas{background:#05090e;background-image:none}
[data-theme=contrast] .view-switch{background:#172330}
[data-theme=contrast] .view-switch button[aria-pressed=true]{background:#ffd65a;color:#111}
[data-theme=contrast] .app-nav button{background:#101820;color:#fff}
[data-theme=contrast] .app-nav button[aria-pressed=true]{background:#ffd65a;border-color:#ffd65a;color:#111}
[data-theme=contrast] .primary{background:#ffd65a;color:#111}
[data-theme=contrast] .status-box{background:#423013;color:#fff4d0}
[data-theme=contrast] .status-box.ready,[data-theme=contrast] .progress-step.done{background:#153a27;color:#d1ffe0}
[data-theme=contrast] .message.error,[data-theme=contrast] .danger{color:#ffb4bd}
[data-theme=contrast] .mark{background:#ffd65a;box-shadow:inset 0 -4px 0 #ae8521}
[data-theme=contrast] .mark:before,[data-theme=contrast] .mark:after{background:#ffe695;box-shadow:none}
[data-theme=contrast] button:focus-visible,[data-theme=contrast] input:focus-visible,[data-theme=contrast] select:focus-visible,[data-theme=contrast] textarea:focus-visible{outline-color:#fff}
.review-box{border-top:1px solid var(--line);padding:12px 18px;font-size:12px;line-height:1.5}.review-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.review-actions .secondary{min-height:40px}.review-actions button[aria-pressed=true]{border-color:var(--purple);color:var(--purple);font-weight:700}@media(max-width:420px){.review-actions .secondary{flex:1}}
@media(max-width:420px){.header-actions{justify-content:space-between;width:100%}}
.paypal-hosted-card{margin:0 0 17px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.paypal-hosted-card h2{font-size:13px}.paypal-hosted-card p{margin-top:6px;font-size:11px;color:var(--muted);line-height:1.5;max-width:610px}.paypal-hosted-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;background:var(--purple);color:#fff;text-decoration:none;border-radius:9px;font-size:12px;font-weight:750;padding:11px 16px;white-space:nowrap}.paypal-hosted-link:hover{text-decoration:underline}.paypal-hosted-state{font-size:10px;font-weight:750;color:var(--muted)}@media(max-width:650px){.paypal-hosted-card{align-items:stretch}.paypal-hosted-link{width:100%}}



/* Customer-only customization. Owner branding, layout, responsive rules and themes
   are inherited from the existing VISUAL source stylesheet at render time. */
body{max-width:1440px;margin:0 auto}
.client-shop-card{padding:18px;margin:0 0 16px}
.client-shop-card h2{font-size:14px}
.client-shop-card .sub{max-width:700px}
.client-label{background:var(--soft);color:var(--purple);padding:7px 10px;border-radius:20px;font-size:11px;font-weight:750;white-space:nowrap}
.client-price{font-size:17px;font-weight:750;margin:10px 0 4px;color:var(--ink)}
.client-shopping{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.client-shopping>div{flex:1;min-width:180px}
.client-shopping button{width:auto;min-width:190px;margin:0}
.client-notice{background:#352c20;border:1px solid #806e4a;color:#f0d6a0;padding:12px;border-radius:9px;font-size:11px;line-height:1.65;margin-top:14px}
.client-notice p{margin-top:5px}
.client-viewer-preview{width:100%;max-height:510px;object-fit:contain}
.client-preview-blank{max-width:290px}
.client-status{margin-top:10px}
.client-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.client-steps>button{background:#1d2530;border:1px solid var(--line);padding:8px;border-radius:8px;color:var(--muted);font-size:10px;text-align:center}
.client-steps>button.active{border-color:var(--purple);background:var(--soft);color:var(--purple);font-weight:750}
.client-steps>button span{display:block;font-size:9px;opacity:.75}
.client-preview-tag{font-size:10px;color:var(--muted)}
body[data-section=result] .controls{display:none}
body[data-section=result] .workspace{grid-template-columns:1fr}
body[data-section=result] .client-shop-card{display:none}
body[data-section=versions] .client-shop-card{display:none}
body[data-section=versions] .customer-history{display:block}
.customer-history{margin-top:17px;padding:17px}
.client-shop-card .primary:disabled{opacity:.55;cursor:not-allowed}
[data-theme=light] .client-notice{background:#fff3df;color:#674915;border-color:#cead71}
[data-theme=light] .client-steps>button{background:#f9f6fd}
[data-theme=contrast] .client-steps>button{background:#101820}
@media(max-width:650px){.client-shopping button{width:100%}.client-shopping{align-items:stretch}.client-steps{grid-template-columns:1fr 1fr}}

/* CYB_VISUAL_HELP_PRELAUNCH_20261015: informational Help/About; no payment actions. */
.visual-help{display:none;padding:22px;margin:8px 0 18px}
.visual-help .help-kicker{font-size:10px;letter-spacing:.1em;font-weight:750;color:var(--purple);margin-bottom:8px}
.visual-help h2{font-size:20px;margin:0 0 8px}
.visual-help .sub{line-height:1.5}
.visual-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}
.visual-help-card{min-width:0;border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--paper)}
.visual-help-card h3{color:var(--purple);font-size:14px;margin:0 0 10px}
.visual-help-card p{font-size:12px;line-height:1.6;margin:8px 0}
.visual-help-card strong{color:var(--ink)}
.visual-help-notice{border-left:3px solid var(--purple);padding:10px 13px;background:var(--soft);border-radius:5px;font-size:12px;line-height:1.6;margin-top:16px}
body[data-section=help] .visual-help{display:block}
body[data-section=help] .workspace,
body[data-section=help] .progress-panel,
body[data-section=help] .history,
body[data-section=help] .policy,
body[data-section=help] .client-shop-card,
body[data-section=help] .paypal-hosted-card,
body[data-section=help] .message{display:none}
@media(max-width:720px){.visual-help-grid{grid-template-columns:1fr}.visual-help{padding:15px}.visual-help-card{padding:13px}}



/* CYB DESIGN LOCK 01 — client-only skin tokens, staging candidate. */
:root{color-scheme:dark;--cyb-bg:#071522;--cyb-card:#102a3b;--cyb-deep:#0a1c2b;--cyb-edge:#315568;--cyb-accent:#22d8d2;--cyb-secondary:#8c85ff;--cyb-text:#eaf6fc;--cyb-muted:#b5d0df}
:root[data-theme="orbit"]{--cyb-bg:#100f23;--cyb-card:#1c1b38;--cyb-deep:#14132b;--cyb-edge:#564371;--cyb-accent:#bf72ff;--cyb-secondary:#19ddea;--cyb-text:#f3efff;--cyb-muted:#c8b9e5}
:root[data-theme="signal"]{--cyb-bg:#081b20;--cyb-card:#103037;--cyb-deep:#092428;--cyb-edge:#356067;--cyb-accent:#37deaa;--cyb-secondary:#23bbe7;--cyb-text:#ecfff8;--cyb-muted:#b0dfd4}
:root[data-theme="sunset"]{--cyb-bg:#20131a;--cyb-card:#35202a;--cyb-deep:#281823;--cyb-edge:#73505f;--cyb-accent:#ffac63;--cyb-secondary:#ff6c9a;--cyb-text:#fff4ed;--cyb-muted:#edcdbd}
:root[data-theme]{--paper:var(--cyb-bg);--ink:var(--cyb-text);--muted:var(--cyb-muted);--line:var(--cyb-edge);--purple:var(--cyb-accent);--soft:var(--cyb-deep)}
html[data-theme] body{background:var(--cyb-bg);color:var(--cyb-text)}
html[data-theme] .card,html[data-theme] .visual-help-card,html[data-theme] select,html[data-theme] .secondary{background:var(--cyb-card);border-color:var(--cyb-edge);color:var(--cyb-text)}
html[data-theme] .canvas,html[data-theme] .meta-box{background:var(--cyb-deep);color:var(--cyb-muted);background-image:none}
html[data-theme] .drop,html[data-theme] .progress-step,html[data-theme] .client-steps>button,html[data-theme] .version{background:var(--cyb-deep);border-color:var(--cyb-edge);color:var(--cyb-text)}
html[data-theme] .primary{background:var(--cyb-accent);color:var(--cyb-bg)}
html[data-theme] .client-label,html[data-theme] .client-steps>button.active,html[data-theme] .view-switch button[aria-pressed=true]{color:var(--cyb-accent);border-color:var(--cyb-accent);background:var(--cyb-deep)}
html[data-theme] .status-box,html[data-theme] .client-notice{background:var(--cyb-deep);border:1px solid var(--cyb-edge);color:var(--cyb-muted)}
html[data-theme] .card{box-shadow:0 0 0 1px #0002,0 8px 30px #0003}
html[data-theme] .workspace .viewer{min-height:470px}
html[data-theme] .mark{background:var(--cyb-accent);box-shadow:none}
html[data-theme] .mark:before,html[data-theme] .mark:after{background:var(--cyb-secondary);box-shadow:none}
html[data-theme] :is(button,input,select):focus-visible{outline:3px solid var(--cyb-secondary);outline-offset:3px}
html[data-theme] .cyb-packages{margin:15px 0 8px;padding:0;border:0;display:grid;gap:8px;max-width:680px}
html[data-theme] .cyb-packages legend{font-size:11px;font-weight:750;margin-bottom:7px}
html[data-theme] .cyb-package{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--cyb-edge);border-radius:9px;cursor:pointer;min-width:0}
html[data-theme] .cyb-package:has(input:checked){border-color:var(--cyb-accent);background:var(--cyb-deep)}
html[data-theme] .cyb-package input{accent-color:var(--cyb-accent)}
html[data-theme] .cyb-package span{display:grid;gap:3px;flex:1}
html[data-theme] .cyb-package strong{font-size:12px}
html[data-theme] .cyb-package small{font-size:10px;color:var(--cyb-muted);line-height:1.45}
html[data-theme] .cyb-package b{font-size:16px;white-space:nowrap}
html[data-theme] .client-price{color:var(--cyb-accent);font-size:13px}
@media(max-width:650px){html[data-theme] .workspace{display:flex;flex-direction:column}html[data-theme] .viewer{min-height:350px}html[data-theme] .client-shop-card{padding:14px}html[data-theme] header{align-items:flex-start;flex-wrap:wrap}html[data-theme] .header-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html[data-theme] *,html[data-theme] *:before,html[data-theme] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}



/* Mobile navigation without clipped Help tab; accessible active state. */
html[data-theme] .app-nav{display:flex;flex-wrap:wrap;gap:8px}
html[data-theme] .app-nav button[aria-pressed=true]{background:var(--cyb-deep);color:var(--cyb-accent);border-color:var(--cyb-accent)}
html[data-theme] .drop.drag{background:var(--cyb-card);border-color:var(--cyb-accent)}
html[data-theme] .empty .brick-stack i:nth-child(2){background:var(--cyb-secondary);color:var(--cyb-secondary)}
html[data-theme] .empty .brick-stack i:nth-child(3){background:var(--cyb-accent);color:var(--cyb-accent)}
@media(max-width:650px){html[data-theme] .app-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html[data-theme] .app-nav button{width:100%;white-space:normal;min-width:0;min-height:44px;font-size:12px}}


/* Existing approved skin preserved. Only functional client controls added. */
#buyerAccess,#buyerActions,#buyerUploads{padding:18px;margin:16px auto;border-radius:15px;border:1px solid var(--cyb-border,#506070);max-width:1100px}
#buyerAccess label{display:block;margin:8px 0}
#buyerAccess input{max-width:460px;width:100%;display:block;padding:12px;border:1px solid var(--cyb-border,#52627b);border-radius:10px}
#buyerActions button,#buyerUploads button{margin:4px 8px 4px 0}
#paymentGo{display:inline-block;padding:12px;margin:8px;border:1px solid var(--cyb-accent,#40ddfe);border-radius:10px}
#message[data-kind=error]{color:#ff9e94}
#buyerCreditStatus{font-weight:650}


/* Gallery + first purchase usability 2026-10-18: no payment API changes. */
.customer-gallery{margin:0 0 18px;padding:18px;color:var(--cyb-text,var(--ink))}
.gallery-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:15px}
.gallery-head h2{font-size:clamp(16px,2.5vw,22px);margin:5px 0 7px}
.gallery-head p{max-width:620px;font-size:12px;color:var(--cyb-muted,var(--muted));line-height:1.6}
.gallery-kicker{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--cyb-accent,var(--purple))}
.gallery-action{flex:0 0 auto;min-height:42px;border:1px solid var(--cyb-accent,var(--purple));color:var(--cyb-accent,var(--purple));border-radius:9px;background:transparent;font-weight:700;padding:9px 13px}
.gallery-content{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,1fr);gap:20px}
.gallery-stage{position:relative;overflow:hidden;border-radius:13px;aspect-ratio:16/9;min-height:180px;background:#141b24}
.gallery-picture{position:absolute;inset:0;background-repeat:no-repeat;background-size:100% 400%;background-position:0 0%}
.gallery-original{background-position:0 0%}
.gallery-render.gallery-coarse{background-position:0 33.333%}
.gallery-render.gallery-medium{background-position:0 66.666%}
.gallery-render.gallery-fine{background-position:0 100%}
.gallery-render{clip-path:inset(0 0 0 50%);transition:background-position .2s}
.gallery-split{position:absolute;top:0;bottom:0;left:50%;width:3px;background:var(--cyb-accent,#5edcff);filter:drop-shadow(0 0 3px #000);pointer-events:none}
.gallery-split:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;padding:7px;background:var(--cyb-accent,#5edcff);color:#0d1620;font-size:17px;font-weight:800}
.gallery-tag{position:absolute;top:10px;padding:5px 8px;border-radius:7px;background:#09111ebd;color:white;font-weight:700;font-size:11px}
.gallery-tag-before{left:10px}.gallery-tag-after{right:10px}
.gallery-controls{padding:7px 1px;display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}
.gallery-caption,.gallery-slider-label{font-size:12px;font-weight:650}
.gallery-choices{display:flex;gap:7px;flex-wrap:wrap}
.gallery-choices button{padding:10px 12px;min-height:44px;border:1px solid var(--cyb-edge,var(--line));border-radius:9px;background:var(--cyb-card,var(--paper));color:var(--cyb-text,var(--ink));font-weight:650}
.gallery-choices button[aria-pressed=true]{border-color:var(--cyb-accent,#5edcff);box-shadow:inset 0 0 0 1px var(--cyb-accent,#5edcff)}
#gallerySlider{width:100%;accent-color:var(--cyb-accent,#5edcff);min-height:28px}
.gallery-disclaimer{font-size:11px;line-height:1.55;color:var(--cyb-muted,var(--muted));padding:9px;background:color-mix(in srgb,var(--cyb-accent,#6edcff) 6%,transparent);border-radius:8px}
.gallery-upload-tip{font-size:11px;line-height:1.6;border-left:3px solid var(--cyb-accent,#5edcff);padding:8px 11px;margin-top:12px;background:var(--cyb-deep,#121b24)}
.purchase-recovery{font-size:11px;line-height:1.5;margin:10px 0}
.purchase-recovery summary{cursor:pointer;color:var(--cyb-accent,var(--purple))}
#recoveryCodeDisplay{overflow-wrap:anywhere;padding:10px}
#buyerActions #generate{max-width:340px;display:inline-block;vertical-align:middle}
#buyerActions #myDownload{display:inline-block;min-height:42px;font-weight:750}
body[data-section=versions] #buyerActions{border-color:var(--cyb-accent,var(--purple))}
body[data-section=gallery] .workspace,body[data-section=gallery] .progress-panel,
body[data-section=gallery] #buyerAccess,body[data-section=gallery] #buyerActions,
body[data-section=gallery] #buyerUploads,body[data-section=gallery] .client-shop-card,
body[data-section=gallery] .customer-history,body[data-section=gallery] .visual-help{display:none!important}
body[data-section=result] .customer-gallery,body[data-section=versions] .customer-gallery,
body[data-section=help] .customer-gallery{display:none!important}
body[data-section=gallery] .customer-gallery{padding:23px}
body[data-section=gallery] .gallery-stage{min-height:280px}
@media(max-width:720px){
 .customer-gallery{padding:13px}
 .gallery-content{grid-template-columns:1fr;gap:12px}
 .gallery-stage{min-height:170px}
 .gallery-head{align-items:flex-start}
 .gallery-action{width:100%}
 .gallery-choices button{flex:1}
 .gallery-controls{gap:9px}
 body[data-section=gallery] .gallery-stage{min-height:190px}
}

/* Self-contained NON-BILLABLE synthetic gallery fixture. */
.gallery-picture{background-image:none}

/* Browser QA correction: intrinsic aspect ratio must not cover gallery controls at 820px. */
.gallery-stage{min-width:0;min-height:0}
body[data-section=gallery] .gallery-stage{min-height:0}
@media(max-width:720px){body[data-section=gallery] .gallery-stage{min-height:0}}

/* Keep the FIRST PURCHASE short: a compact before/after teaser links to the full gallery. */
body[data-section=create] .customer-gallery{padding:13px 18px}
body[data-section=create] .gallery-head p{display:none}
body[data-section=create] .gallery-stage{aspect-ratio:3/1;min-height:0;max-height:160px}
body[data-section=create] .gallery-content{display:block}
body[data-section=create] .gallery-controls{display:flex}
body[data-section=create] .gallery-tag{font-size:10px}
@media(max-width:720px){body[data-section=create] .customer-gallery{padding:12px}body[data-section=create] .gallery-stage{aspect-ratio:3/1;max-height:125px}}

/* Explicit consumer digital-content consent; no pre-ticked checkboxes. */
.buyer-legal-acceptance{padding:14px 12px;margin:14px 0;border:1px solid #457384;border-radius:10px;min-width:0}
.buyer-legal-acceptance legend{font-weight:800;font-size:13px;padding:0 7px}
.buyer-legal-acceptance label{font-size:12px;line-height:1.6;display:block;cursor:pointer;padding:9px 2px}
.buyer-legal-acceptance label+label{border-top:1px solid #29455a}
.buyer-legal-acceptance input[type=checkbox]{width:17px;height:17px;accent-color:#10d4cf;vertical-align:middle;margin-right:8px}
.buyer-legal-acceptance a{color:#55e2ef;text-decoration:underline}

/* Durable contract confirmation can be downloaded after verified capture. */
#buyerActions #myConfirmation{min-height:42px;display:inline-block;padding:11px 14px;
  border:1px solid var(--cyb-accent,#1ad5d0);border-radius:9px}

/* Comparison is available only while the original remains in this browser tab. */
.result-comparison[hidden]{display:none!important}
.result-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;padding:14px;align-items:start}
.result-comparison figure{margin:0;min-width:0;text-align:center}
.result-comparison img{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:9px}
.result-comparison figcaption{font-size:13px;font-weight:700;margin-top:8px}
@media(max-width:520px){.result-comparison{gap:6px;padding:8px}.result-comparison img{max-height:280px}}

/* Make the required pre-payment photo verification action visible beside the selected image. */
.controls .upload-photo-action{display:block;width:100%;min-height:46px;margin:10px 0 0;border-color:var(--cyb-accent);color:var(--cyb-accent);font-weight:750}
.controls .upload-photo-action:disabled{opacity:.62}
.controls #uploadHelp,.checkout-help{margin-top:7px}
#buyerAccess{scroll-margin-top:16px}

/* Customer navigation and direct comparison interaction. */
.gallery-stage{touch-action:pan-y;cursor:ew-resize;user-select:none}
.client-steps>button{min-height:48px;cursor:pointer;font-family:inherit}
.client-steps>button:focus-visible{outline:2px solid var(--cyb-accent,#20ced0);outline-offset:3px}
#message,#photoControls,#resultViewer,#customerHistory,#clientCheckoutPanel,#visualGallery,#visualHelp,#buyerAccess,#buyerActions,#detail{scroll-margin-top:16px}

/* CYB_CLIENT_CREATE_FOCUS_20261019: show actual checkout workflow, not the gallery, in Creator. */
body[data-section=create] .customer-gallery{display:none!important}

/* Approved BRICK STUDIO colorful brain: shared brand identity on customer pages. */
.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,152px);gap:18px;align-items:center}
.intro-copy{min-width:0}
.client-brand-brain{display:block;width:100%;height:auto;max-height:194px;object-fit:contain;border-radius:16px;box-shadow:0 12px 26px rgba(0,0,0,.16);justify-self:end}
@media(max-width:650px){.intro{grid-template-columns:minmax(0,1fr) 108px;gap:11px}.client-brand-brain{max-height:150px;border-radius:12px}}
@media(max-width:380px){.intro{grid-template-columns:minmax(0,1fr) 90px;gap:8px}.client-brand-brain{max-height:122px}}

/* STUDIO_UI_UPGRADE_20261019: real language picker and guided customer gallery. */
.studio-lang-picker{display:inline-flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid #18779a;border-radius:11px;background:#071a2a;color:#ccefff;font-size:12px;font-weight:700}
.studio-lang-picker select{width:auto;max-width:145px;padding:7px 10px;border:0;background:#092239;color:#f1fcff;cursor:pointer;font-size:12px;border-radius:7px}
.studio-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:6px 0 10px}
.studio-flow button{border:1px solid #234c68;background:#071725;color:#b3ccdc;border-radius:11px;min-height:58px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px}
.studio-flow button span{display:inline-flex;align-items:center;justify-content:center;border:1px solid #4b94b7;border-radius:50%;width:23px;height:23px;font-size:11px}
.studio-flow .studio-flow-active,.studio-flow button:hover,.studio-flow button:focus-visible{border-color:#00d8f2;color:#f7ffff;box-shadow:0 0 0 1px rgba(0,213,240,.2),0 4px 20px rgba(0,207,243,.14)}
.studio-flow button:focus-visible,.studio-showcase button:focus-visible,.studio-lang-picker select:focus-visible{outline:3px solid #81ebff;outline-offset:2px}
.progress-panel .client-steps{display:none}
.studio-showcase{padding:17px 0 12px}
.studio-showcase-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-bottom:12px}
.studio-showcase-head h3{font-size:18px;font-weight:800;margin:0;color:#f3fafe}
.studio-showcase-head p{font-size:11px;line-height:1.6;max-width:620px;color:#9bb9c8;margin:0}
.studio-showcase-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:13px}
.studio-showcase-filters button{border:1px solid #2b4b60;border-radius:24px;padding:9px 13px;background:#092036;color:#cee3ed;min-height:39px;font-size:12px;cursor:pointer}
.studio-showcase-filters button[aria-pressed=true]{border-color:#00dded;color:#f7ffff;box-shadow:0 0 0 1px #007d9e inset;background:#08304a}
.studio-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.studio-showcase-card{cursor:pointer;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;border:1px solid #22516d;border-radius:13px;overflow:hidden;background:#081f31;color:#f4faff;padding:0 0 11px}
.studio-showcase-card:hover{border-color:#00d9eb;transform:translateY(-2px)}.studio-showcase-card[hidden]{display:none}
.studio-showcase-card strong,.studio-showcase-card small{margin:8px 11px 0;line-height:1.4}.studio-showcase-card strong{font-size:13px}.studio-showcase-card small{color:#80e8ec;font-size:11px}
.showcase-photo{display:block;min-height:115px;width:100%;background-repeat:no-repeat;background-color:#0b2b41;background-size:400% 100%}
.showcase-photo[data-sprite=cap]{background-position:0% 50%}.showcase-photo[data-sprite=city]{background-position:33.3333% 50%}.showcase-photo[data-sprite=frog]{background-position:66.6666% 50%}.showcase-photo[data-sprite=brain]{background-image:url('/brain-approved.webp?v=df2891d98a65');background-position:50% 50%;background-size:cover}
.studio-showcase-dialog{border:1px solid #04c9e7;border-radius:17px;background:#061c2c;color:#effdff;padding:18px;max-width:min(90vw,610px);width:100%;box-shadow:0 0 70px rgba(0,0,0,.7)}
.studio-showcase-dialog::backdrop{background:rgba(1,10,21,.83)}.studio-showcase-dialog h3{font-size:20px;margin:0 40px 12px 0}.studio-showcase-dialog p{font-size:12px;color:#bacdd8;margin:12px 0 0}
.studio-close{position:absolute;right:16px;top:13px;border:1px solid #3c7187;border-radius:9px;background:#092439;color:white;padding:8px 12px;cursor:pointer}
.showcase-dialog-photo{height:300px;border-radius:12px;min-height:200px}
.studio-legal-note{font-size:12px;color:#93ddec;margin:8px 0 13px}
@media(max-width:650px){.studio-flow{gap:3px}.studio-flow button{font-size:10px;min-height:58px;padding:5px 1px}.studio-flow button b{font-size:10px}.studio-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-photo{min-height:125px}.studio-lang-picker{gap:5px}.studio-lang-picker select{max-width:125px}}
@media(max-width:380px){.studio-flow button b{font-size:9px}.studio-showcase-filters{gap:5px}.studio-showcase-filters button{padding:7px 10px;font-size:11px}}

.studio-size-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 18px}.studio-size-picker button{padding:12px 5px;border:1px solid #28506a;border-radius:10px;color:#edfaff;background:#082334;cursor:pointer;font-size:11px;font-weight:700;min-height:49px}.studio-size-picker button[aria-pressed=true]{border-color:#15e1ed;box-shadow:0 0 0 1px #0ad7d8 inset;background:#0d3851}.studio-size-picker button:focus-visible{outline:3px solid #b3faff;outline-offset:2px}body[data-section=create] #visualGallery{display:none}body[data-section=gallery] #visualGallery{display:block}@media(max-width:650px){.studio-size-picker{gap:5px}.studio-size-picker button{font-size:10px}}

/* STUDIO_WIZARD_FLOW_FIX_20261019: quiet 1 -> 2 -> summary flow, no extra panels. */
.upload-photo-action,.studio-next{width:100%;min-height:53px;margin-top:13px;background:#09d5dc!important;color:#041b24!important;font-size:15px;font-weight:850;cursor:pointer}
.upload-photo-action:disabled,.studio-next:disabled{background:#143a4c!important;color:#a8c8d1!important;opacity:.72;cursor:not-allowed}
#studioSizeHelp{margin-bottom:12px;color:#a9d0db}
@media(max-width:650px){
  .app-nav{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto;padding:5px 2px 12px;scrollbar-width:thin}
  .app-nav button{flex:0 0 auto!important;width:auto!important;min-width:90px;min-height:43px;padding:9px 12px!important;font-size:13px!important}
  .progress-panel{padding:12px!important}
  .progress-panel .progress-text{font-size:12px;line-height:1.5}
}

/* WIZARD_OLD_ORDER_CHOICE: preserve existing purchase while allowing explicit free new project */
.studio-old-order-choice{border:1px solid #a17b42;background:#1e2530;color:#f3e4c7;border-radius:12px;margin:12px 0;padding:14px;font-size:13px}
.studio-old-order-choice[hidden]{display:none!important}.studio-old-order-choice p{font-size:12px;color:#ead4a9;line-height:1.5}.studio-old-order-choice button{min-height:45px;margin:7px 6px 0 0}
@media(max-width:650px){.studio-old-order-choice button{display:block;width:100%;margin:8px 0}}

/* CYB 2026-10-24 stage only: three-step checkout, gallery without tile captions */
.studio-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
.studio-showcase-card strong,.studio-showcase-card small{display:none}
.studio-showcase-card{overflow:hidden}

/* CYB_UI_STAGE_20261024 — presentation-only, locked functionality */
:root{--cyb-accent:#23cfe0;--cyb-glow:rgba(35,207,224,.15)}
:root[data-theme=orbit]{--cyb-accent:#b38afe;--cyb-glow:rgba(179,138,254,.15)}
:root[data-theme=signal]{--cyb-accent:#73dfa6;--cyb-glow:rgba(115,223,166,.15)}
:root[data-theme=sunset]{--cyb-accent:#ffae76;--cyb-glow:rgba(255,174,118,.15)}
html[data-theme] body{background:radial-gradient(ellipse 80% 55% at 85% 0%,var(--cyb-glow),transparent 70%),var(--paper);line-height:1.55}
html[data-theme] .intro{border:1px solid var(--line);border-radius:22px;padding:clamp(18px,3vw,34px);background:linear-gradient(120deg,rgba(6,24,41,.88),rgba(7,39,53,.74));min-height:200px}
html[data-theme] .intro h1{font-size:clamp(30px,4.5vw,57px);line-height:1.06;max-width:700px;letter-spacing:-.035em}
html[data-theme] .intro p{max-width:640px;font-size:clamp(13px,1.4vw,16px)}
html[data-theme] .brand{font-size:clamp(14px,1.4vw,18px)}
html[data-theme] .app-nav{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}
html[data-theme] .card{box-shadow:0 14px 45px rgba(0,0,0,.12);border-radius:17px}
html[data-theme] .studio-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
html[data-theme] .studio-flow button{background:rgba(9,29,46,.66);border-color:var(--line);border-radius:13px;min-height:69px;flex-direction:row;gap:10px;font-size:clamp(11px,1.1vw,14px);padding:10px 12px}
html[data-theme] .studio-flow .studio-flow-active{border-color:var(--cyb-accent);box-shadow:0 0 0 1px var(--cyb-glow)}
html[data-theme] .studio-flow button span{flex-shrink:0;color:var(--cyb-accent);border-color:var(--cyb-accent)}
html[data-theme] .studio-size-picker{gap:9px}
html[data-theme] .studio-size-picker button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:101px;background:rgba(9,34,52,.75);border-radius:13px;font-size:12px}
html[data-theme] .studio-size-picker button[aria-pressed=true]{border-color:var(--cyb-accent);box-shadow:0 0 0 1px var(--cyb-glow)}
.cyb-brick-size{display:block;height:23px;border-radius:5px;background:linear-gradient(#43b5cf,#16738e);box-shadow:inset 0 -5px 0 rgba(0,0,0,.2),0 6px 9px rgba(0,0,0,.23);position:relative}
.cyb-brick-size::before{content:'';position:absolute;inset:-6px 4px auto 4px;height:7px;background:radial-gradient(ellipse at center,#80dbea 52%,#3398ad 58%);background-size:12px 7px;border-radius:3px}
.cyb-brick-size.fine{width:29px;height:16px}.cyb-brick-size.fine::before{background-size:7px 7px;inset:-5px 3px auto}
.cyb-brick-size.medium{width:48px;height:22px}.cyb-brick-size.coarse{width:68px;height:29px}.cyb-brick-size.coarse::before{background-size:18px 8px;inset:-7px 5px auto;height:8px}
html[data-theme] .studio-showcase-card{padding:0;overflow:hidden;aspect-ratio:1.18;min-height:120px}
html[data-theme] .studio-showcase-card .showcase-photo{height:100%;min-height:140px}
html[data-theme] .studio-showcase-card strong,html[data-theme] .studio-showcase-card small{display:none}
html[data-theme] .studio-showcase-card:hover{box-shadow:0 0 0 2px var(--cyb-accent)}
html[data-theme] .cyb-packages{display:grid;gap:10px}
html[data-theme] .cyb-package{border-radius:11px}
html[data-theme] .cyb-package:has(input:checked){border-color:var(--cyb-accent);box-shadow:0 0 0 1px var(--cyb-glow)}
.cyb-how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 21px}
.cyb-how-steps article{background:rgba(15,40,57,.65);border:1px solid var(--line);border-radius:14px;padding:17px;min-width:0}
.cyb-how-steps b{color:var(--cyb-accent);font-size:24px}.cyb-how-steps h3{margin:10px 0 5px;font-size:15px}.cyb-how-steps p{font-size:12px;color:var(--muted);line-height:1.55}
html[data-theme] .primary:not(:disabled){background:var(--cyb-accent)!important;color:#061b2b!important}
@media(max-width:700px){html[data-theme] body{padding:12px}html[data-theme] .intro{padding:18px;min-height:unset}html[data-theme] .intro h1{font-size:clamp(25px,7vw,37px)}html[data-theme] .studio-flow{gap:5px}html[data-theme] .studio-flow button{min-height:73px;flex-direction:column;gap:5px;font-size:10px;padding:6px 4px}html[data-theme] .studio-flow button b{font-size:10px}html[data-theme] .studio-size-picker button{min-height:90px;font-size:11px}html[data-theme] .cyb-how-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* CYB VISUAL PROFESSIONAL V2 (2026-10-26)
   Layout and typography only. No payment, upload, rendering or order gates altered.
   Reference: approved dark studio responsive desktop/tablet/mobile mockups. */
:root {
  --cyb-v2-surface:#0d2232;
  --cyb-v2-surface-top:#102b3d;
  --cyb-v2-muted:#acc4d0;
  --cyb-v2-border:rgba(108,170,192,.32);
  --cyb-v2-soft-shadow:0 9px 28px rgba(0,5,16,.20);
}
html[data-theme] body {
  max-width:1320px;
  margin-inline:auto;
  padding:clamp(12px,2vw,26px);
  line-height:1.53;
}
html[data-theme] header {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 18px;
  padding:15px clamp(14px,1.9vw,24px);
  background:linear-gradient(105deg,rgba(7,21,35,.95),rgba(12,39,54,.92));
  border:1px solid var(--cyb-v2-border);
  border-radius:17px;
  box-shadow:var(--cyb-v2-soft-shadow);
}
html[data-theme] header .brand {font-weight:860;letter-spacing:.014em;line-height:1.22}
html[data-theme] .header-actions {gap:10px;align-items:center;margin-left:auto}
html[data-theme] .studio-lang-picker select,
html[data-theme] .theme-picker select {
  background:#0b2a3b;
  border:1px solid var(--cyb-v2-border);
  border-radius:10px;
  min-height:42px;
}
html[data-theme] .client-label {
  border:1px solid var(--cyb-v2-border);
  border-radius:9px;
  background:rgba(8,40,55,.67);
  color:#bcdfeb;
  font-size:10px;
  font-weight:700;
  letter-spacing:.02em;
  max-width:100%;
  white-space:normal;
}
html[data-theme] .app-nav {
  margin:12px 0 17px;
  padding:4px 0 13px;
  gap:7px;
  border-color:var(--cyb-v2-border);
}
html[data-theme] .app-nav button {
  font-size:12px;
  min-height:43px;
  border-radius:10px;
  background:rgba(12,39,54,.75);
  border-color:var(--cyb-v2-border);
}
html[data-theme] .app-nav button[aria-pressed=true] {
  background:rgba(14,70,87,.55);
  border-color:var(--cyb-accent);
  color:#f2fdff;
  box-shadow:inset 0 -2px 0 var(--cyb-accent);
}
html[data-theme] .intro {
  min-height:unset;
  grid-template-columns:minmax(0,1fr) clamp(84px,12vw,135px);
  padding:clamp(18px,2.4vw,28px);
  margin:0 0 12px;
  gap:clamp(10px,3vw,32px);
  border-radius:18px;
  background:linear-gradient(115deg,rgba(6,23,37,.95),rgba(10,49,62,.60));
}
html[data-theme] .intro h1 {
  max-width:920px;
  font-size:clamp(26px,3.5vw,45px);
  letter-spacing:-.036em;
  line-height:1.11;
}
html[data-theme] .intro p {
  font-size:clamp(12px,1.15vw,15px);
  max-width:650px;
  color:var(--cyb-v2-muted);
}
html[data-theme] .client-brand-brain {
  width:100%;
  max-height:145px;
  object-fit:contain;
}
html[data-theme] .card {
  border:1px solid var(--cyb-v2-border);
  background:linear-gradient(155deg,rgba(12,34,51,.97),rgba(8,23,36,.98));
  box-shadow:var(--cyb-v2-soft-shadow);
  border-radius:15px;
}
html[data-theme] .progress-panel {
  padding:12px 16px;
  margin:0 0 12px;
}
html[data-theme] .studio-flow {
  gap:9px;
  padding:0;
}
html[data-theme] .studio-flow button {
  border-radius:11px;
  min-height:55px;
  padding:9px 13px;
  background:rgba(7,29,43,.78);
  color:#d0e0e8;
  font-size:12px;
}
html[data-theme] .studio-flow button span {
  width:27px;height:27px;font-size:12px;
}
html[data-theme] .progress-text {margin:9px 3px 0;line-height:1.45;color:var(--cyb-v2-muted);font-size:11px}
html[data-theme] .workspace {
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  gap:16px;
  margin-top:13px;
}
html[data-theme] .workspace .controls {padding:clamp(16px,2vw,23px)}
html[data-theme] .workspace .controls h2,
html[data-theme] .viewer-head h2,
html[data-theme] .client-shop-card h2,
html[data-theme] .gallery-head h2 {font-size:clamp(16px,1.45vw,20px);font-weight:820;letter-spacing:-.025em}
html[data-theme] .workspace .controls .sub,
html[data-theme] .client-shop-card .sub {font-size:12px;line-height:1.55;color:var(--cyb-v2-muted)}
html[data-theme] .drop {
  margin:12px 0 10px;
  border:1.5px dashed rgba(59,200,222,.68);
  border-radius:13px;
  background:rgba(4,32,48,.7);
  min-height:145px;
}
html[data-theme] .drop:focus-within {outline:2px solid var(--cyb-accent);outline-offset:3px}
html[data-theme] .studio-size-picker {margin-top:12px;gap:10px}
html[data-theme] .studio-size-picker button {
  padding:13px 8px;
  min-height:105px;
  border:1px solid var(--cyb-v2-border);
  background:rgba(12,45,64,.74);
  font-size:12px;
  font-weight:740;
}
html[data-theme] .studio-size-picker button[aria-pressed=true] {
  box-shadow:0 0 0 2px rgba(30,207,223,.18);
}
html[data-theme] .viewer {min-height:380px}
html[data-theme] .canvas {
  min-height:265px;
  background:linear-gradient(160deg,rgba(12,38,54,.92),rgba(7,22,35,.92));
}
html[data-theme] .client-shop-card {
  padding:clamp(16px,2vw,23px);
  margin-top:15px;
}
html[data-theme] .client-shop-card .client-shopping {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  align-items:stretch;
}
html[data-theme] .client-shopping>div {width:100%;min-width:0}
html[data-theme] .cyb-packages {
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:none;
  gap:12px;
}
html[data-theme] .cyb-package {
  min-width:0;
  min-height:95px;
  padding:clamp(11px,1.45vw,17px);
  border:1px solid var(--cyb-v2-border);
  border-radius:12px;
  background:rgba(8,32,48,.66);
}
html[data-theme] .cyb-package strong {font-size:13px}
html[data-theme] .cyb-package small {font-size:11px;line-height:1.45}
html[data-theme] .client-price {
  font-size:clamp(18px,2vw,24px);
  font-weight:850;
  letter-spacing:-.025em;
  margin:10px 0 4px;
}
html[data-theme] .buyer-legal-acceptance {
  border:1px solid var(--cyb-v2-border);
  border-radius:12px;
  padding:12px 15px;
  margin:12px 0 6px;
  background:rgba(6,28,43,.43);
}
html[data-theme] .buyer-legal-acceptance label {
  font-size:12px;
  line-height:1.55;
  padding:10px 0;
}
html[data-theme] #clientPay {
  width:100%;
  min-height:52px;
  font-size:15px;
  font-weight:850;
  margin-top:12px;
  border-radius:11px;
}
html[data-theme] .checkout-help {font-size:11px;line-height:1.55}
html[data-theme] .customer-gallery {
  margin-top:15px;
  padding:clamp(15px,2vw,23px);
}
html[data-theme] .gallery-head {margin-bottom:10px}
html[data-theme] .studio-showcase {margin-top:12px}
html[data-theme] .studio-showcase-grid {gap:10px}
html[data-theme] .studio-showcase-card {
  border-radius:11px;
  border:1px solid var(--cyb-v2-border);
}
html[data-theme] #buyerAccess,
html[data-theme] #buyerActions {padding:16px 19px}
html[data-theme] #buyerAccess h2 {font-size:15px}
html[data-theme] #buyerAccess p {font-size:12px}
html[data-theme] .status-box {border-radius:10px;font-size:11px;line-height:1.5}
html[data-theme] button:focus-visible,
html[data-theme] input:focus-visible,
html[data-theme] select:focus-visible,
html[data-theme] a:focus-visible {
  outline:3px solid #a4f4ff;
  outline-offset:3px;
}
/* Tablet: true stacked reading order and touch size, rather than shrunk desktop. */
@media (min-width:701px) and (max-width:1024px) {
  html[data-theme] body {padding:15px}
  html[data-theme] .workspace {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
  html[data-theme] .intro {grid-template-columns:minmax(0,1fr) 110px}
  html[data-theme] .controls,html[data-theme] .client-shop-card {padding:16px}
  html[data-theme] .gallery-content {grid-template-columns:1fr}
  html[data-theme] .studio-showcase-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  html[data-theme] .studio-size-picker {gap:6px}
  html[data-theme] .studio-size-picker button {min-height:99px;padding:9px 3px;font-size:11px}
}
/* Phone: simplify the first screen and avoid an empty preview taking valuable space. */
@media (max-width:700px) {
  html[data-theme] body {padding:10px;min-width:280px}
  html[data-theme] header {padding:12px;gap:7px}
  html[data-theme] header .brand {font-size:15px;max-width:100%}
  html[data-theme] .header-actions {gap:7px;width:100%;justify-content:space-between}
  html[data-theme] .studio-lang-picker select,
  html[data-theme] .theme-picker select {min-height:43px;font-size:11px;max-width:170px}
  html[data-theme] .client-label {font-size:9px;max-width:100%;padding:6px 7px}
  html[data-theme] .intro {
    grid-template-columns:minmax(0,1fr) 80px;
    gap:8px;
    margin:8px 0;
    padding:14px;
    border-radius:14px;
  }
  html[data-theme] .intro h1 {font-size:clamp(24px,6vw,31px);line-height:1.12}
  html[data-theme] .intro p {font-size:12px;line-height:1.42}
  html[data-theme] .client-brand-brain {max-height:115px}
  html[data-theme] .app-nav {margin:8px 0 11px;padding-bottom:9px}
  html[data-theme] .app-nav button {font-size:12px;min-height:43px;padding:8px 12px}
  html[data-theme] .progress-panel {padding:9px;margin-bottom:10px}
  html[data-theme] .studio-flow {gap:5px}
  html[data-theme] .studio-flow button {
    flex-direction:column;
    gap:5px;
    min-height:69px;
    padding:7px 3px;
    text-align:center;
  }
  html[data-theme] .studio-flow button b {font-size:10px;line-height:1.2}
  html[data-theme] .studio-flow button span {width:24px;height:24px;font-size:11px}
  html[data-theme] .progress-text {font-size:10px}
  html[data-theme] .workspace {display:flex;flex-direction:column;gap:10px;margin-top:7px}
  html[data-theme] .workspace .controls {padding:14px}
  html[data-theme] .workspace .controls h2 {font-size:17px}
  html[data-theme] .workspace .controls .sub {font-size:12px}
  html[data-theme] .drop {min-height:122px;padding:16px;margin:10px 0}
  html[data-theme] .studio-size-picker {grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  html[data-theme] .studio-size-picker button {min-height:87px;padding:10px 3px;gap:7px;font-size:11px}
  html[data-theme] .studio-size-picker button .cyb-brick-size {transform:scale(.82)}
  body[data-section=create] html[data-theme] .viewer {min-height:250px}
  html[data-theme] body[data-section=create] .viewer:has(#result[hidden]):has(#resultComparison[hidden]) {display:none}
  html[data-theme] .client-shop-card {padding:14px;margin-top:10px}
  html[data-theme] .cyb-packages {grid-template-columns:1fr;gap:7px}
  html[data-theme] .cyb-package {min-height:76px;padding:11px 12px}
  html[data-theme] .buyer-legal-acceptance {padding:10px 12px;margin:11px 0 5px}
  html[data-theme] .buyer-legal-acceptance label {padding:10px 0}
  html[data-theme] .customer-gallery {padding:13px;margin-top:10px}
  html[data-theme] .studio-showcase-grid {
    display:flex;
    overflow-x:auto;
    gap:9px;
    scrollbar-width:thin;
    scroll-snap-type:x proximity;
  }
  html[data-theme] .studio-showcase-card {
    flex:0 0 135px;
    min-width:135px;
    aspect-ratio:1.06;
    scroll-snap-align:start;
  }
  html[data-theme] .studio-showcase-card .showcase-photo {min-height:125px}
  html[data-theme] .gallery-head h2 {font-size:16px}
  html[data-theme] #buyerAccess {padding:12px 14px}
  html[data-theme] .action-help {font-size:11px}
  html[data-theme] .cyb-how-steps {grid-template-columns:1fr;gap:8px}
}
/* Tiny phones: keep all required interactions reachable without clipping. */
@media(max-width:360px) {
  html[data-theme] .intro {grid-template-columns:minmax(0,1fr) 60px;padding:12px}
  html[data-theme] .intro h1 {font-size:23px}
  html[data-theme] .studio-lang-picker select {max-width:120px}
  html[data-theme] .studio-flow button b {font-size:9px}
}


/* CYB VISUAL V3 — new real application composition, not a browser cache refresh.
   Retains ALL checkout, legal, session, render, download and recovery DOM elements. */
html[data-theme] .client-brand-brain{display:none!important}
html[data-theme] .intro {
  position:relative;
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  min-height:clamp(190px,24vw,278px);
  background:linear-gradient(115deg,#07182a 0%,#0c2a3c 100%);
  overflow:hidden;
}
html[data-theme] .intro .intro-copy{align-self:center}
html[data-theme] .intro h1 {font-size:clamp(30px,3.8vw,51px);line-height:1.07;max-width:640px}
html[data-theme] .intro .eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--cyb-accent);font-size:11px}
.cyb-preview-hero{
  position:relative;
  align-self:stretch;
  min-height:190px;
  border-radius:16px;
  border:1px solid rgba(79,202,233,.36);
  background:#102c3e url('/brick-studio/customer/studio-demo.jpg') center 39% / 100% auto no-repeat;
  box-shadow:inset 0 0 0 1px rgba(50,216,230,.09),0 12px 30px rgba(0,0,0,.18);
  overflow:hidden;
}
.cyb-preview-hero::after {content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(1,17,29,.0) 65%,rgba(1,17,29,.66) 100%);pointer-events:none}
.cyb-preview-caption{position:absolute;z-index:1;left:12px;bottom:12px;color:#e8f8fd;font-size:10px;letter-spacing:.16em;font-weight:850;background:rgba(1,20,31,.78);border:1px solid rgba(65,205,232,.43);padding:6px 9px;border-radius:7px}
html[data-theme] .gallery-content {display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
html[data-theme] body[data-section=create] .customer-gallery{
  display:flex;
  flex-direction:column;
  padding:16px;
  margin:0;
  min-width:0;
}
html[data-theme] body[data-section=create] .customer-gallery .gallery-head {order:0}
html[data-theme] body[data-section=create] .customer-gallery .gallery-content {order:1}
html[data-theme] body[data-section=create] .customer-gallery .studio-showcase {order:2}
html[data-theme] body[data-section=create] .gallery-head h2 {font-size:clamp(16px,1.5vw,19px)}
html[data-theme] body[data-section=create] .gallery-stage{aspect-ratio:1.22;max-height:none!important;min-height:220px}
html[data-theme] body[data-section=create] .gallery-controls{padding:12px 0;gap:8px}
html[data-theme] body[data-section=create] .studio-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
html[data-theme] body[data-section=create] .studio-showcase-card{aspect-ratio:1.45;min-height:75px}
html[data-theme] body[data-section=create] .studio-showcase-card .showcase-photo{min-height:80px}
html[data-theme] body[data-section=create] .studio-showcase-filters{display:flex;flex-wrap:wrap;gap:5px}
html[data-theme] body[data-section=create] .studio-showcase-filters button{min-height:34px;font-size:10px;padding:6px 9px}
html[data-theme] body[data-section=create] .studio-showcase-head h3{font-size:15px}
html[data-theme] body[data-section=create] .studio-showcase-head p{font-size:10px}
html[data-theme] body[data-section=create] .workspace{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  margin:0;
}
html[data-theme] body[data-section=create] .controls {min-width:0}
html[data-theme] body[data-section=create] .viewer{min-height:250px}
html[data-theme] body[data-section=create] .viewer:has(#result[hidden]):has(#resultComparison[hidden]){display:none}
html[data-theme] body[data-section=create] .client-shop-card{
  min-width:0;
  padding:17px;
  margin:0;
  align-self:start;
}
html[data-theme] body[data-section=create] .cyb-packages{grid-template-columns:minmax(0,1fr);gap:9px}
html[data-theme] body[data-section=create] .cyb-package{min-height:80px}
html[data-theme] body[data-section=create] .buyer-legal-acceptance label{font-size:11px}
html[data-theme] body[data-section=create] #buyerAccess{background:rgba(5,25,39,.85);border-color:rgba(68,138,164,.35)}
html[data-theme] body[data-section=create] #buyerAccess h2{font-size:13px;margin:0}
html[data-theme] body[data-section=create] #buyerAccess p{font-size:11px;margin:4px 0}
html[data-theme] body[data-section=create] #buyerAccess details{font-size:11px}
/* 3-column desktop matching the approved visual structure. */
@media (min-width:1120px) {
 html[data-theme] body[data-section=create] {
   display:grid;
   grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.89fr);
   column-gap:13px;row-gap:12px;align-items:start;
 }
 html[data-theme] body[data-section=create] > header {grid-column:1/-1;grid-row:1}
 html[data-theme] body[data-section=create] > .app-nav {grid-column:1/-1;grid-row:2;margin:0}
 html[data-theme] body[data-section=create] > .intro{grid-column:1/-1;grid-row:3;margin:0}
 html[data-theme] body[data-section=create] > .progress-panel {grid-column:1/-1;grid-row:4;margin:0}
 html[data-theme] body[data-section=create] > #visualGallery {grid-column:1;grid-row:5}
 html[data-theme] body[data-section=create] > .workspace {grid-column:2;grid-row:5}
 html[data-theme] body[data-section=create] > #clientCheckoutPanel {grid-column:3;grid-row:5}
 html[data-theme] body[data-section=create] > #message{grid-column:1/-1;grid-row:6}
 html[data-theme] body[data-section=create] > #buyerActions {grid-column:1/-1;grid-row:7}
 html[data-theme] body[data-section=create] > #buyerAccess {grid-column:1/-1;grid-row:8}
 html[data-theme] body[data-section=create] > #studioLegalLanguage {grid-column:1/-1;grid-row:9}
 html[data-theme] body[data-section=create] > #retentionNotice{grid-column:1/-1;grid-row:10}
 html[data-theme] body[data-section=create] > #customerHistory {grid-column:1/-1;grid-row:11}
 html[data-theme] body[data-section=create] > #visualHelp {grid-column:1/-1;grid-row:12}
 html[data-theme] body[data-section=create] > footer {grid-column:1/-1;grid-row:13}
}
/* Tablet: two purposeful panels plus full-width checkout. */
@media (min-width:701px) and (max-width:1119px){
 html[data-theme] body[data-section=create]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
 html[data-theme] body[data-section=create] > header,
 html[data-theme] body[data-section=create] > .app-nav,
 html[data-theme] body[data-section=create] > .intro,
 html[data-theme] body[data-section=create] > .progress-panel,
 html[data-theme] body[data-section=create] > #clientCheckoutPanel,
 html[data-theme] body[data-section=create] > #buyerAccess,
 html[data-theme] body[data-section=create] > #message,
 html[data-theme] body[data-section=create] > #studioLegalLanguage,
 html[data-theme] body[data-section=create] > #retentionNotice,
 html[data-theme] body[data-section=create] > #buyerActions,
 html[data-theme] body[data-section=create] > #customerHistory,
 html[data-theme] body[data-section=create] > #visualHelp,
 html[data-theme] body[data-section=create] > footer{grid-column:1/-1}
 html[data-theme] body[data-section=create] > #visualGallery{grid-column:1;grid-row:5}
 html[data-theme] body[data-section=create] > .workspace{grid-column:2;grid-row:5}
 html[data-theme] body[data-section=create] > #clientCheckoutPanel {grid-row:6;max-width:100%}
 html[data-theme] body[data-section=create] .cyb-packages {grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-theme] body[data-section=create] .gallery-stage {min-height:240px}
 html[data-theme] .intro{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
}
/* Mobile: product first, upload -> brick -> offer -> references. */
@media(max-width:700px){
 html[data-theme] .intro{display:flex;flex-direction:column;gap:12px;min-height:0}
 html[data-theme] .intro h1{font-size:clamp(27px,7vw,35px)}
 html[data-theme] .intro p{font-size:12px}
 html[data-theme] .cyb-preview-hero{
  width:100%;
  min-height:0;
  aspect-ratio:1.75;
  border-radius:12px;
  background-size:100% auto;
  background-position:center 40%;
 }
 html[data-theme] body[data-section=create]{display:flex;flex-direction:column;align-items:stretch;gap:10px}
 html[data-theme] body[data-section=create] > header{order:1;width:100%}
 html[data-theme] body[data-section=create] > .app-nav{order:2;width:100%}
 html[data-theme] body[data-section=create] > .intro{order:3;width:100%}
 html[data-theme] body[data-section=create] > .progress-panel{order:4;width:100%}
 html[data-theme] body[data-section=create] > .workspace {order:5;width:100%}
 html[data-theme] body[data-section=create] > #clientCheckoutPanel{order:6;width:100%}
 html[data-theme] body[data-section=create] > #visualGallery{order:7;width:100%}
 html[data-theme] body[data-section=create] > #buyerAccess{order:8;width:100%}
 html[data-theme] body[data-section=create] > #message{order:9;width:100%}
 html[data-theme] body[data-section=create] > #buyerActions{order:10;width:100%}
 html[data-theme] body[data-section=create] > #studioLegalLanguage{order:11}
 html[data-theme] body[data-section=create] > #retentionNotice{order:12}
 html[data-theme] body[data-section=create] > #customerHistory{order:13}
 html[data-theme] body[data-section=create] > #visualHelp{order:14}
 html[data-theme] body[data-section=create] > footer{order:15;width:100%}
 html[data-theme] body[data-section=create] .studio-showcase-grid {
  display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x proximity;
 }
 html[data-theme] body[data-section=create] .studio-showcase-card {
  flex:0 0 132px;min-width:132px;min-height:112px;aspect-ratio:1.14;scroll-snap-align:start;
 }
 html[data-theme] body[data-section=create] .gallery-stage{
  aspect-ratio:1.6;min-height:180px!important;max-height:240px!important;
 }
 html[data-theme] body[data-section=create] .studio-showcase-filters{flex-wrap:nowrap;overflow-x:auto}
 html[data-theme] body[data-section=create] .cyb-packages{grid-template-columns:minmax(0,1fr)}
 html[data-theme] body[data-section=create] .workspace {display:flex;flex-direction:column;gap:10px}
}
/* Accessibility: clear state and focus, no payment gating overrides. */
html[data-theme] body[data-section=create] .studio-size-picker button[aria-pressed=true],
html[data-theme] body[data-section=create] .cyb-package:has(input:checked){
 border-color:var(--cyb-accent);box-shadow:0 0 0 2px var(--cyb-glow);
}
@media(prefers-reduced-motion:reduce){.cyb-preview-hero,*{animation:none!important}}


/* CYB VISUAL V3.1 — verified browser rendering fixes.
   Restore old 2026-10-19 gallery visibility overridden with !important. */
html[data-theme] body[data-section=create] #visualGallery.customer-gallery{
  display:flex!important;
  visibility:visible!important;
}
@media(min-width:701px) and (max-width:1119px){
 html[data-theme] body[data-section=create] > header{grid-row:1}
 html[data-theme] body[data-section=create] > .app-nav{grid-row:2}
 html[data-theme] body[data-section=create] > .intro{grid-row:3}
 html[data-theme] body[data-section=create] > .progress-panel{grid-row:4}
 html[data-theme] body[data-section=create] > #visualGallery{grid-column:1;grid-row:5}
 html[data-theme] body[data-section=create] > .workspace{grid-column:2;grid-row:5}
 html[data-theme] body[data-section=create] > #clientCheckoutPanel{grid-column:1/-1;grid-row:6}
 html[data-theme] body[data-section=create] > #buyerAccess{grid-row:7}
 html[data-theme] body[data-section=create] > #message{grid-row:8}
 html[data-theme] body[data-section=create] > #buyerActions{grid-row:9}
 html[data-theme] body[data-section=create] > #studioLegalLanguage{grid-row:10}
 html[data-theme] body[data-section=create] > #retentionNotice{grid-row:11}
 html[data-theme] body[data-section=create] > #customerHistory{grid-row:12}
 html[data-theme] body[data-section=create] > #visualHelp{grid-row:13}
 html[data-theme] body[data-section=create] > footer{grid-row:14}
}
@media(max-width:700px){
 html[data-theme] body[data-section=create] > header {
   flex-wrap:nowrap;
   justify-content:space-between;
   gap:6px;
   padding:10px 11px;
   min-height:61px;
 }
 html[data-theme] body[data-section=create] > header .brand {
   font-size:12px;
   white-space:nowrap;
   letter-spacing:.0em;
   flex-shrink:1;
 }
 html[data-theme] body[data-section=create] > header .mark{transform:scale(.83);transform-origin:center}
 html[data-theme] body[data-section=create] > header .header-actions {
   width:auto;
   flex:0 0 auto;
   margin-left:auto;
   gap:3px;
   justify-content:flex-end;
 }
 html[data-theme] body[data-section=create] .theme-picker,
 html[data-theme] body[data-section=create] .client-label,
 html[data-theme] body[data-section=create] .studio-lang-picker [data-studio-i18n="language"]{display:none!important}
 html[data-theme] body[data-section=create] .studio-lang-picker{gap:0;font-size:11px}
 html[data-theme] body[data-section=create] .studio-lang-picker select {
   max-width:117px;min-width:102px;width:auto;min-height:42px;padding:5px 21px 5px 7px;font-size:11px;
 }
 html[data-theme] body[data-section=create] .intro {
   padding:12px;
   gap:9px;
 }
 html[data-theme] body[data-section=create] .intro h1{font-size:clamp(24px,6.3vw,31px);letter-spacing:-.035em}
 html[data-theme] body[data-section=create] .intro p{font-size:11px;line-height:1.45}
 html[data-theme] body[data-section=create] .cyb-preview-hero{aspect-ratio:2.22}
 html[data-theme] body[data-section=create] .progress-panel{padding:8px}
 html[data-theme] body[data-section=create] .studio-flow button{min-height:60px}
}
@media(max-width:340px){
 html[data-theme] body[data-section=create] > header .brand{font-size:11px}
 html[data-theme] body[data-section=create] .studio-lang-picker select{max-width:105px;min-width:95px}
}

/* CYB VISUAL V3.2 — consistent infinite brick mark and full before/after faces. */
html[data-theme] .brand .mark{
 width:44px;height:38px;min-width:44px;
 background:transparent!important;border-radius:0;box-shadow:none!important;
}
html[data-theme] .brand .mark:before{
 content:"∞";position:absolute;left:-4px;top:-15px;right:auto;
 width:auto;height:auto;border-radius:0;box-shadow:none;
 color:#2be4f7;background:none!important;
 font-family:system-ui,sans-serif;font-size:58px;font-weight:800;line-height:1;
 text-shadow:0 0 13px rgba(25,212,244,.43);
}
html[data-theme] .brand .mark:after{display:none!important}
html[data-theme] .cyb-preview-hero{background-position:center 28%}
@media(max-width:700px){html[data-theme] .cyb-preview-hero{background-position:center 27%}}


/* REAL BRICKS QA 2026-10-26 — audited photo vs brick render; not synthetic house mosaic. */
html[data-theme] .gallery-stage{background:#072435}
html[data-theme] .gallery-picture{
 background-repeat:no-repeat;
 background-position:center 44%;
 background-size:cover;
}
html[data-theme] #galleryBefore.gallery-original{
 background-image:url('/brick-studio/customer/studio-chameleon-original.jpg')!important;
 background-position:center 42%;
}
html[data-theme] #galleryAfter.gallery-render{
 background-image:url('/brick-studio/customer/studio-chameleon-bricks.png')!important;
 background-position:center 35%;
 filter:none!important;
}
html[data-theme] #galleryAfter.gallery-render.gallery-fine{
 background-size:115% auto;
}
html[data-theme] #galleryAfter.gallery-render.gallery-medium{
 background-size:145% auto;
}
html[data-theme] #galleryAfter.gallery-render.gallery-coarse{
 background-size:190% auto;
}
html[data-theme] .gallery-choices button[aria-pressed=true]{
 border:2px solid var(--cyb-accent);box-shadow:0 0 0 1px var(--cyb-accent);
}
html[data-theme] .gallery-disclaimer{font-size:11px;line-height:1.55;letter-spacing:0;color:#b7d2dc}
html[data-theme] .gallery-tag{background:rgba(2,23,36,.85);font-size:11px}
@media(max-width:700px){
 html[data-theme] body[data-section=create] .gallery-stage{aspect-ratio:1.28;max-height:none!important;min-height:218px!important}
 html[data-theme] .gallery-controls .gallery-choices button{min-height:47px}
}


/* Professional public gallery: audited high-resolution owner artwork.
   Remove the 4x oversized low-resolution sprite tiles and use the original assets. */
html[data-theme] .showcase-photo,
html[data-theme] .showcase-dialog-photo {
 background-repeat:no-repeat!important;
 background-size:cover!important;
 background-position:center center!important;
 image-rendering:auto!important;
}
html[data-theme] .showcase-photo[data-sprite="cap"] {
 background-image:url('/brick-studio/customer/studio-brain-front.png')!important;
}
html[data-theme] .showcase-photo[data-sprite="city"] {
 background-image:url('/brick-studio/customer/studio-cat-example.jpg')!important;
}
html[data-theme] .showcase-photo[data-sprite="frog"] {
 background-image:url('/brick-studio/customer/studio-chameleon-bricks.png')!important;
}
html[data-theme] .showcase-photo[data-sprite="brain"] {
 background-image:url('/brain-approved.webp?v=df2891d98a65')!important;
}
html[data-theme] .studio-showcase-card .showcase-photo{
 background-color:#0c2635!important;
 border-radius:9px 9px 0 0;
}
html[data-theme] .studio-showcase-dialog .showcase-dialog-photo{
 min-height:320px;
 width:100%;
 border-radius:12px;
 border:1px solid rgba(77,183,214,.42);
}


/* CYB VISUAL V4 — real selectable brick granularity, selected-photo hierarchy & payment-method dialog */
html[data-theme] .selected-photo-preview,
html[data-theme] .studio-brick-preview{margin:12px 0 12px;padding:10px;border:1px solid rgba(42,200,230,.4);
 border-radius:13px;background:#061f30}
html[data-theme] .selected-photo-preview[hidden],
html[data-theme] .studio-brick-preview[hidden]{display:none!important}
html[data-theme] .selected-photo-preview img{display:block;max-width:100%;width:100%;max-height:285px;
 object-fit:contain;background:#081825;border-radius:9px}
html[data-theme] .selected-photo-preview figcaption,
html[data-theme] .studio-brick-preview figcaption{font-size:11px;color:#b4cfdd;line-height:1.48;margin-top:9px}
html[data-theme] .studio-brick-preview canvas{display:block;width:100%;height:auto;max-height:345px;
 border-radius:9px;border:1px solid rgba(54,205,225,.36)}
html[data-theme] #galleryAfter.gallery-render{background-image:none!important;filter:none!important}
html[data-theme] #galleryAfter.gallery-render.gallery-coarse,
html[data-theme] #galleryAfter.gallery-render.gallery-medium,
html[data-theme] #galleryAfter.gallery-render.gallery-fine{background-size:auto!important}
html[data-theme] #galleryBrickCanvas{width:100%;height:100%;object-fit:cover;display:block}
html[data-theme] .controls .studio-size-picker{margin-bottom:9px}
html[data-theme] .controls .field[for="detail"]{display:block;margin-top:16px}
html[data-theme] body[data-section=create] .gallery-choices button[aria-pressed=true]{border:2px solid var(--cyb-accent)}
html[data-theme] .cyb-payment-dialog {
 padding:0;width:min(92vw,520px);max-height:min(88vh,790px);overflow-y:auto;
 margin:auto;border:1px solid rgba(64,213,232,.65);border-radius:19px;
 color:#f2fdff;background:linear-gradient(155deg,#0e2b3f,#051726);
 box-shadow:0 24px 90px #000b;
}
html[data-theme] .cyb-payment-dialog::backdrop{background:rgba(1,8,16,.80);backdrop-filter:blur(5px)}
html[data-theme] .cyb-payment-modal-inner{padding:clamp(17px,4vw,28px);position:relative;display:block}
html[data-theme] .cyb-payment-dialog h2{font-size:clamp(20px,4vw,26px);line-height:1.16;margin:7px 0}
html[data-theme] .cyb-payment-dialog p{line-height:1.48;color:#bed6e2;font-size:13px}
html[data-theme] .payment-eyebrow{font-size:10px;color:#28dce8;letter-spacing:.1em;font-weight:850}
html[data-theme] .cyb-payment-modal-x{position:absolute;right:10px;top:9px;background:transparent;border:0;color:#dff5ff;
 min-width:44px;min-height:44px;cursor:pointer;font-size:22px}
html[data-theme] .cyb-payment-order{border:1px solid rgba(32,216,232,.45);border-radius:10px;padding:13px;
 color:#f4fdff!important;font-weight:800;font-size:17px!important;background:rgba(4,44,60,.65)}
html[data-theme] .cyb-payment-methods{border:0;padding:0;margin:12px 0}
html[data-theme] .cyb-payment-methods legend{font-weight:750;margin-bottom:8px}
html[data-theme] .cyb-payment-method{display:flex;gap:12px;align-items:center;background:#092539;border:1px solid #28546a;
 padding:13px;border-radius:11px;margin:8px 0;cursor:pointer;min-height:62px}
html[data-theme] .cyb-payment-method.available:has(input:checked){border-color:#28dce8;box-shadow:inset 0 0 0 1px #28dce8}
html[data-theme] .cyb-payment-method.unavailable{opacity:.55;cursor:not-allowed}
html[data-theme] .cyb-payment-method input{accent-color:#28dce8;flex:0 0 auto;width:19px;height:19px}
html[data-theme] .cyb-payment-method span{display:flex;flex-direction:column;gap:3px}
html[data-theme] .cyb-payment-method strong{font-size:15px}
html[data-theme] .cyb-payment-method small{font-size:11px;line-height:1.42;color:#b6cdd7}
html[data-theme] .cyb-payment-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}
html[data-theme] .cyb-payment-actions button{min-height:49px;border-radius:10px;font-weight:800;font-size:13px}
html[data-theme] .cyb-payment-actions .primary{background:#08d9e8;color:#072032}
@media(max-width:480px){
 html[data-theme] .cyb-payment-actions{grid-template-columns:1fr}
 html[data-theme] .cyb-payment-order{font-size:15px!important}
 html[data-theme] .selected-photo-preview img{max-height:250px}
}

/* CYB VISUAL V5 — restore authentic reference artwork; no pixel mosaic simulation. */
html[data-theme] #galleryAfter.gallery-render,
html[data-theme] #galleryAfter.gallery-render.gallery-coarse,
html[data-theme] #galleryAfter.gallery-render.gallery-medium,
html[data-theme] #galleryAfter.gallery-render.gallery-fine{
 background-image:url('/brick-studio/customer/studio-chameleon-bricks.png')!important;
 background-position:center center!important;
 background-size:cover!important;
 filter:none!important;
}
html[data-theme] #galleryBefore.gallery-original {
 background-image:url('/brick-studio/customer/studio-chameleon-original.jpg')!important;
 background-position:center center!important;
 background-size:cover!important;
}
html[data-theme] .studio-real-example {padding:12px;max-width:100%;margin-top:12px;}
html[data-theme] .studio-real-example img{
 display:block;width:100%;height:auto;max-width:480px;max-height:350px;
 object-fit:contain;background:#061623;border-radius:12px;
 margin:8px auto 0;box-shadow:0 12px 32px #0005;
}
html[data-theme] .studio-example-head{
 display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
}
html[data-theme] .studio-example-head strong{color:#e9fdff;font-size:13px}
html[data-theme] .studio-example-head span{
 color:#081b26;background:#3bddee;font-size:9px;font-weight:850;
 padding:6px 7px;border-radius:7px;letter-spacing:.055em;
}
html[data-theme] .studio-real-example figcaption{font-size:12px;line-height:1.55;color:#c1d8e3}
@media(max-width:700px){
 html[data-theme] .studio-real-example img{max-height:290px}
 html[data-theme] .studio-real-example{padding:10px}
}


/* CYB VISUAL V6 — owner-approved studio visual language, 2026-10-27.
   Responsive visual work only: no API/checkout/model/fulfillment changes. */
html[data-theme] body{
 --cyb-accent:#16dce9;
 --cyb-deep:#071928;
 --cyb-edge:#215672;
 --cyb-text:#edf9fe;
 --cyb-muted:#afceda;
 background:
 radial-gradient(ellipse at 18% 0%,rgba(6,120,171,.21),transparent 44%),
 radial-gradient(ellipse at 100% 26%,rgba(5,130,153,.10),transparent 45%),
 #06131e;
 color:#e9f8ff;
 max-width:1560px;
}
html[data-theme] .card{background:linear-gradient(150deg,rgba(8,38,57,.97),rgba(3,24,40,.98));border:1px solid rgba(42,139,166,.50);box-shadow:0 12px 35px rgba(0,0,0,.17)}
html[data-theme] body>header{
 background:rgba(3,18,31,.94);border:1px solid rgba(26,165,193,.53);
 border-radius:17px;padding:15px 18px;box-shadow:0 6px 20px #0004;
}
html[data-theme] .brand{color:#f4fdff;font-weight:850;letter-spacing:.03em}
html[data-theme] .brand .mark:before{text-shadow:0 0 14px rgba(5,220,243,.6)}
html[data-theme] .app-nav{background:transparent;gap:9px;padding-block:6px 13px}
html[data-theme] .app-nav button{border:1px solid transparent;border-radius:8px;background:transparent;color:#b7d8e5;transition:color .2s,border-color .2s}
html[data-theme] .app-nav button[aria-pressed=true]{
 border-color:transparent;border-bottom:2px solid #11e6ee;border-radius:2px;
 background:transparent;color:#23e4ed;box-shadow:0 7px 13px -11px #2feafa;
}
html[data-theme] .intro{
 position:relative;overflow:hidden;
 background:linear-gradient(110deg,rgba(3,20,32,.97),rgba(6,39,58,.93));
 border:1px solid rgba(23,179,210,.56);
 border-radius:24px;
 box-shadow:0 26px 54px #0003;
 min-height:270px;
 padding:clamp(19px,3vw,38px);
 grid-template-columns:minmax(0,1fr) minmax(0,.94fr);
 gap:clamp(12px,2.3vw,26px);
}
html[data-theme] .intro::before{content:'';position:absolute;width:360px;height:360px;border-radius:50%;right:10%;top:-130px;background:radial-gradient(circle,rgba(10,200,230,.13),transparent 72%);pointer-events:none}
html[data-theme] .intro h1{font-size:clamp(31px,3.75vw,60px);font-weight:900;line-height:1.05;letter-spacing:-.04em;text-wrap:balance;max-width:700px;color:#effcff}
html[data-theme] .intro p{font-size:clamp(12px,1vw,16px);line-height:1.58;color:#c4dde6;max-width:590px}
html[data-theme] .intro .eyebrow{font-size:10px;letter-spacing:.20em;color:#1de6f1}
html[data-theme] .cyb-preview-hero{
 background-image:url('/brick-studio/customer/assets/owner-pug-bricks-a.png')!important;
 background-position:center 42%!important;background-size:cover!important;
 min-height:225px;border-radius:18px;
 border:1px solid rgba(65,209,238,.6);
 box-shadow:0 16px 38px #0006,inset 0 0 32px #00172455;
}
html[data-theme] .cyb-preview-caption{background:rgba(3,20,33,.86);color:#78f1ff;font-size:10px}
html[data-theme] .progress-panel{padding:10px 13px;background:rgba(4,23,37,.94)}
html[data-theme] .studio-flow button{
 border:1px solid rgba(45,140,167,.49);background:rgba(6,37,55,.74);
 border-radius:12px;min-height:66px;
}
html[data-theme] .studio-flow .studio-flow-active{border-color:#18dce8;box-shadow:0 0 0 1px rgba(16,217,231,.24),inset 0 0 20px #04b8d20d}
html[data-theme] .studio-flow button b{font-size:clamp(11px,.94vw,14px)}
html[data-theme] .progress-text{font-size:11px;line-height:1.55;color:#c4dbe5}
html[data-theme] .controls{padding:clamp(14px,1.6vw,23px);border-color:#2d6882}
html[data-theme] .controls h2{font-size:clamp(17px,1.25vw,21px);color:#f5fdff}
html[data-theme] .controls .drop{min-height:130px;border:1.5px dashed #0abccd;background:linear-gradient(180deg,rgba(10,51,71,.54),rgba(4,28,46,.62));border-radius:14px}
html[data-theme] .controls .drop:hover{background:#0a3445}
html[data-theme] .controls #selectedPhotoPreview{background:#041c2d;border:1px solid #237a9c}
html[data-theme] .controls #selectedPhotoImage{max-height:355px;object-fit:contain}
html[data-theme] .studio-size-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html[data-theme] .studio-size-picker button{border:1px solid #286582;background:#08263a;border-radius:14px;min-width:0;min-height:108px;overflow-wrap:anywhere;font-size:12px}
html[data-theme] .studio-size-picker button[aria-pressed=true]{border-color:#0de2eb;background:linear-gradient(180deg,#0a4355,#06263e);box-shadow:0 0 0 1px #0be4eb,0 0 20px rgba(5,219,240,.2)}
html[data-theme] .studio-real-example{border-color:#226d86;background:linear-gradient(160deg,#061d30,#052438)}
html[data-theme] .studio-real-example .studio-example-head strong{font-size:13px}
html[data-theme] .studio-real-example img{max-width:100%;border:1px solid #254e5e;max-height:330px}
html[data-theme] .client-shop-card{background:linear-gradient(160deg,rgba(5,38,58,.98),rgba(2,22,39,.98));border:1px solid #2f96ab}
html[data-theme] body[data-section=create] > #clientCheckoutPanel{position:relative;top:0}
html[data-theme] .client-shop-card h2{font-size:clamp(17px,1.4vw,21px)}
html[data-theme] .cyb-package{border-radius:13px;min-height:76px;background:rgba(6,39,56,.8)}
html[data-theme] .cyb-package:has(input:checked){border-color:#07e1ed;background:linear-gradient(135deg,#073448,#0a263b)}
html[data-theme] .client-price{font-size:21px;font-weight:900;color:#23eff5}
html[data-theme] .primary{background:linear-gradient(105deg,#10d5e8,#11e6e9);color:#032033;font-weight:850;border-radius:11px;box-shadow:0 7px 20px rgba(1,221,244,.12)}
html[data-theme] .primary:disabled{box-shadow:none;opacity:.58}
html[data-theme] .client-notice{border-radius:13px}
html[data-theme] .customer-gallery{background:linear-gradient(145deg,#05243a,#061a2d);border-color:rgba(39,121,160,.65)}
html[data-theme] .gallery-head h2{font-size:clamp(18px,1.6vw,24px);line-height:1.18}
html[data-theme] .gallery-stage{border:1px solid rgba(10,223,240,.59);border-radius:16px;overflow:hidden}
html[data-theme] .gallery-split{width:3px;background:#05ecf0;filter:drop-shadow(0 0 9px #08eef5)}
html[data-theme] .gallery-split:after{display:none}
html[data-theme] .gallery-split span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:2px solid #bdfcff;background:#12e6eb;color:#002c38;font-size:23px;font-weight:900;box-shadow:0 0 12px #00edfc7a}
html[data-theme] .gallery-tag{border:1px solid #39b9d061;border-radius:7px;letter-spacing:.03em}
html[data-theme] .studio-showcase{padding-top:16px}
html[data-theme] .studio-showcase-head h3{font-size:clamp(17px,1.4vw,23px)}
html[data-theme] .studio-showcase-head p{max-width:860px}
html[data-theme] .studio-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
html[data-theme] .studio-showcase-card{height:auto;aspect-ratio:auto;min-height:0;border-radius:13px;border-color:#24657e;background:#082034;box-shadow:0 8px 19px #0003;transition:transform .2s,border-color .2s}
html[data-theme] .studio-showcase-card:hover{transform:translateY(-3px);border-color:#15e6ed}
html[data-theme] .studio-showcase-card .showcase-photo{min-height:154px;aspect-ratio:1.25;background-size:cover!important;background-position:center!important}
html[data-theme] .studio-showcase-card strong{font-size:13px;line-height:1.32;color:#f1fbff;margin:11px 11px 1px}
html[data-theme] .studio-showcase-card small{font-size:10px;color:#9cdae9;margin:4px 11px 10px}
html[data-theme] .showcase-photo[data-sprite=pug-a]{background-image:url('/brick-studio/customer/assets/owner-pug-bricks-a.png')!important}
html[data-theme] .showcase-photo[data-sprite=pug-b]{background-image:url('/brick-studio/customer/assets/owner-pug-bricks-b.png')!important}
html[data-theme] .showcase-photo[data-sprite=pug-c]{background-image:url('/brick-studio/customer/assets/owner-pug-bricks-c.png')!important}
html[data-theme] .showcase-photo[data-sprite=source-pug]{background-image:url('/brick-studio/customer/assets/owner-pug-original.jpg')!important}
html[data-theme] .showcase-photo[data-sprite=car]{background-image:url('/brick-studio/customer/assets/owner-car-original.jpg')!important}
html[data-theme] .showcase-photo[data-sprite=chameleon]{background-image:url('/brick-studio/customer/studio-chameleon-bricks.png')!important}
html[data-theme] .showcase-photo[data-sprite=brain]{background-image:url('/brick-studio/customer/studio-brain-front.png')!important}
html[data-theme] .studio-showcase-dialog{max-width:min(92vw,790px);padding:clamp(15px,3vw,25px)}
html[data-theme] .studio-showcase-dialog .showcase-dialog-photo{height:min(67vh,570px);background-size:contain!important;background-color:#041523}
html[data-theme] #galleryAfter.gallery-render{background-size:cover!important;filter:none!important}
html[data-theme] .result-comparison{--cyb-result-split:50%;position:relative;width:min(100%,900px);aspect-ratio:4/3;display:block}
html[data-theme] .result-comparison[hidden]{display:none!important}
html[data-theme] .result-comparison figure{position:absolute;inset:0;display:block;margin:0;overflow:hidden;border-radius:13px}
html[data-theme] .result-comparison figure img{width:100%;height:100%;max-height:none;object-fit:contain;background:#071e2d;border-radius:0}
html[data-theme] .result-comparison figure:nth-of-type(2){clip-path:inset(0 0 0 var(--cyb-result-split));}
html[data-theme] .result-comparison figure figcaption{position:absolute;top:10px;left:10px;padding:7px 10px;border-radius:9px;background:#031623e6;color:#f0ffff;font-size:11px}
html[data-theme] .result-comparison figure:nth-of-type(2) figcaption{right:10px;left:auto}
html[data-theme] .cyb-result-split-indicator{position:absolute;top:0;bottom:35px;left:var(--cyb-result-split);width:3px;background:#0ff4f4;pointer-events:none}
html[data-theme] .cyb-result-split-indicator span{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;background:#11deea;color:#001d32;border-radius:50%;font-size:20px}
html[data-theme] .cyb-result-range-label{position:absolute;left:10px;bottom:32px;right:10px;color:#d7eaf2;font-size:11px;background:#041f30a6;padding:7px}
html[data-theme] #resultSplitSlider{position:absolute;bottom:0;left:0;right:0;display:block;width:100%;accent-color:#0ce9ef;min-height:30px}
@media(min-width:1120px){
 html[data-theme] body[data-section=create] .studio-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-theme] body[data-section=create] .studio-showcase-card .showcase-photo{min-height:130px}
 html[data-theme] body[data-section=create] > #clientCheckoutPanel{position:sticky;top:10px}
 html[data-theme] body[data-section=create] .gallery-stage{aspect-ratio:1.15}
}
@media(min-width:701px) and (max-width:1119px){
 html[data-theme] body[data-section=create] .studio-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-theme] .studio-showcase-card .showcase-photo{min-height:125px}
 html[data-theme] .intro{min-height:230px}
}
@media(max-width:700px){
 html[data-theme] body{padding:11px}
 html[data-theme] body>header{border-radius:13px;min-height:63px}
 html[data-theme] .intro{padding:16px;gap:13px;min-height:0}
 html[data-theme] .intro h1{font-size:clamp(28px,7.1vw,41px)}
 html[data-theme] .intro p{font-size:12px}
 html[data-theme] .cyb-preview-hero{aspect-ratio:1.62;min-height:188px;background-size:cover!important;background-position:center 38%!important}
 html[data-theme] .studio-flow{gap:5px}
 html[data-theme] .studio-flow button{min-height:70px;padding:6px 4px}
 html[data-theme] .studio-flow button b{font-size:10px}
 html[data-theme] body[data-section=create] .controls{padding:13px}
 html[data-theme] .studio-size-picker{gap:7px}
 html[data-theme] .studio-size-picker button{font-size:11px;min-height:100px;padding:10px 3px}
 html[data-theme] body[data-section=create] .studio-showcase-grid{display:flex;overflow-x:auto;gap:11px;scroll-snap-type:x mandatory}
 html[data-theme] body[data-section=create] .studio-showcase-card{flex:0 0 170px;min-width:170px;max-width:170px;min-height:0;aspect-ratio:auto;scroll-snap-align:start}
 html[data-theme] body[data-section=create] .studio-showcase-card .showcase-photo{min-height:138px;aspect-ratio:1.2}
 html[data-theme] body[data-section=gallery] .studio-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 html[data-theme] body[data-section=gallery] .studio-showcase-card .showcase-photo{min-height:140px}
 html[data-theme] body[data-section=create] .gallery-stage{aspect-ratio:1.47;max-height:none!important;min-height:205px!important}
 html[data-theme] .gallery-split span{width:41px;height:41px}
 html[data-theme] .gallery-head h2{font-size:19px}
 html[data-theme] .selected-photo-preview img{max-height:260px}
 html[data-theme] .studio-showcase-dialog .showcase-dialog-photo{height:58vh}
}
@media(max-width:380px){
 html[data-theme] .studio-size-picker button{font-size:10px;min-height:92px}
 html[data-theme] body[data-section=create] .studio-showcase-card{flex-basis:148px;min-width:148px;max-width:148px}
}
@media(prefers-reduced-motion:reduce){html[data-theme] .studio-showcase-card{transition:none}}

/* CYB VISUAL V6.1 — editorial content hierarchy, full-width gallery */
@media(min-width:1120px){
 html[data-theme] body[data-section=create]{
  grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(318px,.88fr);
  column-gap:16px;row-gap:15px;
 }
 html[data-theme] body[data-section=create] > .workspace{grid-column:1/3;grid-row:5}
 html[data-theme] body[data-section=create] > #clientCheckoutPanel{grid-column:3;grid-row:5}
 html[data-theme] body[data-section=create] > #visualGallery{grid-column:1/-1;grid-row:6}
 html[data-theme] body[data-section=create] > #message{grid-column:1/-1;grid-row:7}
 html[data-theme] body[data-section=create] > #buyerActions{grid-column:1/-1;grid-row:8}
 html[data-theme] body[data-section=create] > #buyerAccess{grid-column:1/-1;grid-row:9}
 html[data-theme] body[data-section=create] > #studioLegalLanguage{grid-column:1/-1;grid-row:10}
 html[data-theme] body[data-section=create] > #retentionNotice{grid-column:1/-1;grid-row:11}
 html[data-theme] body[data-section=create] > #customerHistory{grid-column:1/-1;grid-row:12}
 html[data-theme] body[data-section=create] > #visualHelp{grid-column:1/-1;grid-row:13}
 html[data-theme] body[data-section=create] > footer{grid-column:1/-1;grid-row:14}
 html[data-theme] body[data-section=create] .gallery-content{
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(275px,.7fr);
  align-items:center;gap:19px;
 }
 html[data-theme] body[data-section=create] .gallery-stage{
  aspect-ratio:16/9;min-height:0!important;max-height:none!important;
 }
 html[data-theme] body[data-section=create] .gallery-controls{padding:14px;gap:14px}
 html[data-theme] body[data-section=create] .studio-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
 html[data-theme] body[data-section=create] .studio-showcase-card .showcase-photo{min-height:155px}
 html[data-theme] body[data-section=create] .studio-showcase-card{min-height:210px}
}
@media(min-width:701px) and (max-width:1119px){
 html[data-theme] body[data-section=create] > .workspace{grid-column:1/-1;grid-row:5}
 html[data-theme] body[data-section=create] > #clientCheckoutPanel{grid-column:1/-1;grid-row:6}
 html[data-theme] body[data-section=create] > #visualGallery{grid-column:1/-1;grid-row:7}
 html[data-theme] body[data-section=create] > #buyerAccess{grid-column:1/-1;grid-row:8}
 html[data-theme] body[data-section=create] > #message{grid-column:1/-1;grid-row:9}
 html[data-theme] body[data-section=create] > #buyerActions{grid-column:1/-1;grid-row:10}
 html[data-theme] body[data-section=create] > #studioLegalLanguage{grid-column:1/-1;grid-row:11}
 html[data-theme] body[data-section=create] > #retentionNotice{grid-column:1/-1;grid-row:12}
 html[data-theme] body[data-section=create] > #customerHistory{grid-column:1/-1;grid-row:13}
 html[data-theme] body[data-section=create] > #visualHelp{grid-column:1/-1;grid-row:14}
 html[data-theme] body[data-section=create] > footer{grid-column:1/-1;grid-row:15}
 html[data-theme] body[data-section=create] .gallery-content{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
  align-items:center;gap:14px;
 }
 html[data-theme] body[data-section=create] .gallery-stage{aspect-ratio:4/3;min-height:0!important;max-height:none!important}
 html[data-theme] body[data-section=create] .studio-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 html[data-theme] body[data-section=create] .studio-showcase-card .showcase-photo{min-height:170px}
}

/* Card fields are PayPal-hosted and remain hidden until the checkout is eligible. */
/* SDK v6 components fill their parent: an explicit height prevents the iframe's 150px fallback. */
.cyb-card-field{box-sizing:border-box;width:100%;height:52px;background:#fff;border:1px solid #8aa4b4;border-radius:8px;padding:0;margin:6px 0 12px;color:#102233}
.cyb-card-field>paypal-hosted-card-field{display:block;width:100%;height:100%}
.cyb-card-row label{min-height:2.8em;display:flex!important;align-items:flex-end}
html[data-theme] .cyb-payment-dialog #paymentMethodTitle{margin-right:52px}
#cardFieldsPanel{margin-top:16px}
#cardSubmit{min-height:48px;border-radius:8px;border:0;background:#08d9e8;color:#072032;font-weight:750}
#cardSubmit:disabled{background:#526371;color:#dbe6ed;cursor:not-allowed}
.cyb-card-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cyb-card-row>div{min-width:0}
#cardFieldsPanel[hidden]{display:none}#cardFieldsPanel label{display:block}#cardSubmit{width:100%}

/* Three-photo purchase: independent uploads, jobs and downloads. */
html[data-theme] #packagePanel{grid-column:1/-1;padding:20px;order:7;width:100%}
html[data-theme] .package-photo-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
html[data-theme] .package-photo-slot{min-width:0;border:1px solid var(--line,#267089);border-radius:14px;padding:14px;display:grid;align-content:start;gap:10px}
html[data-theme] .package-photo-slot[data-active=true]{border-color:#00d5e8}
html[data-theme] .package-photo-slot img{max-width:100%;height:140px;object-fit:contain;border-radius:8px}
html[data-theme] .package-photo-slot p{overflow-wrap:anywhere;font-size:13px}
html[data-theme] .package-photo-slot button{min-height:44px;padding:10px;border-radius:8px;border:1px solid #28748b;background:#083347;color:#e8faff}
body[data-section=gallery] #packagePanel,body[data-section=help] #packagePanel,body[data-section=result] #packagePanel{display:none}
@media(max-width:650px){html[data-theme] .package-photo-slots{grid-template-columns:1fr}}

@media(max-width:650px){
 html[data-theme] body>header{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
 html[data-theme] body>header .brand{flex:1 1 180px;min-width:0}
 html[data-theme] body>header .header-actions{flex:0 1 auto;min-width:0;max-width:100%;margin-left:auto}
 html[data-theme] body>header .studio-lang-picker>span{display:none!important}
 html[data-theme] #studioLanguage{width:117px;max-width:100%}
}

html[data-theme] #photoControls:has(#packagePanel:not([hidden])){display:flex;flex-direction:column}
html[data-theme] #photoControls>#packagePanel{order:-1;margin-bottom:18px}


/* One native language control, without a framed wrapper behind it. */
html[data-theme] body>header #studioLanguage.studio-lang-picker {
 box-sizing:border-box;display:block;flex:0 0 154px;width:154px;max-width:100%;
 height:52px;min-height:52px;margin:0;padding:8px 22px 8px 10px;
 border:1px solid #19b6cc;border-radius:13px;background:#08263a;
 color:#f1fcff;font-size:13px;font-weight:700;box-shadow:none;
}
html[data-theme] body>header #studioLanguage.studio-lang-picker:focus-visible {
 outline:none;border:3px solid #81ebff;
}
@media(max-width:650px){html[data-theme] body>header #studioLanguage.studio-lang-picker{width:150px;flex-basis:150px}}

/* 2026-10-29 CYB OWNER GALLERY: images selected by project owner */
html[data-theme] .showcase-photo[data-sprite="cyb-suv-bricks-3"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-suv-bricks-3.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-supercar-bricks-2"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-supercar-bricks-2.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-pug-bricks-2"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-pug-bricks-2.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-city-car-bricks-2"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-city-car-bricks-2.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-brick-brain"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-brick-brain.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-figure"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-figure.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-suv-bricks-1"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-suv-bricks-1.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-suv-bricks-2"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-suv-bricks-2.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-supercar-bricks-1"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-supercar-bricks-1.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-supercar-bricks-3"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-supercar-bricks-3.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-pug-bricks-1"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-pug-bricks-1.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-pug-bricks-3"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-pug-bricks-3.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-city-car-bricks-1"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-city-car-bricks-1.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-cy3-poster-bricks-1"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-cy3-poster-bricks-1.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-cy3-poster-bricks-2"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-cy3-poster-bricks-2.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-sci-fi-before-after"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-sci-fi-before-after.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-suv-original"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-suv-original.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-supercar-original"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-supercar-original.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-pug-original"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-pug-original.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-city-car-original"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-city-car-original.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-cy3-poster-original"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-cy3-poster-original.jpg")!important;background-size:contain!important;background-position:center!important;}

html[data-theme] .studio-showcase-card .showcase-photo,
html[data-theme] .studio-showcase-dialog .showcase-dialog-photo{position:relative;overflow:hidden;isolation:isolate;}
html[data-theme] .studio-showcase-card .showcase-photo::after,
html[data-theme] .studio-showcase-dialog .showcase-dialog-photo::after{
 content:'∞ CYB';position:absolute;z-index:2;left:-42%;top:42%;width:185%;
 color:rgba(245,253,255,.35);font-family:system-ui,sans-serif;font-weight:900;letter-spacing:.17em;
 font-size:clamp(18px,2.8vw,37px);line-height:1.1;text-align:center;
 transform:rotate(-32deg);transform-origin:center center;
 text-shadow:0 2px 7px rgba(0,0,0,.6);pointer-events:none;user-select:none;
}
html[data-theme] .studio-showcase-dialog .showcase-dialog-photo::after{font-size:clamp(26px,5vw,48px);}
html[data-theme] #galleryBefore.gallery-original{
 background-image:url('/brick-studio/customer/assets/owner-gallery-cyb-pug-original.jpg')!important;
 background-size:cover!important;background-position:center!important;
}
html[data-theme] #galleryAfter.gallery-render,
html[data-theme] #galleryAfter.gallery-render.gallery-coarse,
html[data-theme] #galleryAfter.gallery-render.gallery-medium,
html[data-theme] #galleryAfter.gallery-render.gallery-fine{
 background-image:url('/brick-studio/customer/assets/owner-gallery-cyb-pug-bricks-2.jpg')!important;
 background-size:cover!important;background-position:center!important;filter:none!important;
}
html[data-theme] #galleryStage::after{
 content:'∞ CYB';position:absolute;z-index:3;left:-30%;top:46%;width:160%;
 color:rgba(255,255,255,.35);font:bold clamp(20px,4vw,48px)/1 system-ui,sans-serif;
 letter-spacing:.2em;text-align:center;transform:rotate(-32deg);
 text-shadow:0 2px 7px rgba(0,0,0,.6);pointer-events:none;user-select:none;
}

/* CYB GALLERY 2026-10-29 supplementary owner materials; no payment or rendering change */
html[data-theme] .showcase-photo[data-sprite="after-dark-storyboard-v2"]{background-image:url("/brick-studio/customer/assets/owner-gallery-after-dark-storyboard-v2.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="after-dark-storyboard-v1"]{background-image:url("/brick-studio/customer/assets/owner-gallery-after-dark-storyboard-v1.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-05-system"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-05-system.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-003-gt-wakeup"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-003-gt-wakeup.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cy3-performance-poster-a"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cy3-performance-poster-a.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="cy3-performance-poster-b"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cy3-performance-poster-b.jpg")!important;background-size:contain!important;background-position:center!important;}

html[data-theme] a.studio-showcase-card{color:#f4faff;text-decoration:none;}
html[data-theme] .studio-showcase-video .showcase-photo{position:relative;display:flex;align-items:center;justify-content:center;}
html[data-theme] .studio-gallery-play{position:relative;z-index:4;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;border:2px solid #b1faff;background:#061927e0;color:#fff;font-size:24px;box-shadow:0 7px 20px #0009;}

/* CYB OWNER ROBOT SERIES — 2026-10-29; self-hosted assets only. */
html[data-theme] .showcase-photo[data-sprite="mech-industrial-source"]{background-image:url("/brick-studio/customer/assets/owner-gallery-mech-industrial-source.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="mech-forest-source"]{background-image:url("/brick-studio/customer/assets/owner-gallery-mech-forest-source.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="mech-bricks-01"]{background-image:url("/brick-studio/customer/assets/owner-gallery-mech-bricks-01.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="mech-bricks-02"]{background-image:url("/brick-studio/customer/assets/owner-gallery-mech-bricks-02.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="mech-bricks-03"]{background-image:url("/brick-studio/customer/assets/owner-gallery-mech-bricks-03.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="mech-bricks-04"]{background-image:url("/brick-studio/customer/assets/owner-gallery-mech-bricks-04.jpg")!important;background-size:contain!important;background-position:center!important;}
html[data-theme] .showcase-photo[data-sprite="superhero-zombie-block"]{background-image:url("/brick-studio/customer/assets/owner-gallery-superhero-zombie-block.jpg")!important;background-size:contain!important;background-position:center!important;}

/* Owner-approved brick guardian showcase, 2026-10-29 */
html[data-theme] .showcase-photo[data-sprite="cyb-brick-ember-sentinel"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-brick-ember-sentinel.avif")!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-brick-ashfall-sentinel"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-brick-ashfall-sentinel.avif")!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;}
html[data-theme] .showcase-photo[data-sprite="cyb-brick-midnight-guardians"]{background-image:url("/brick-studio/customer/assets/owner-gallery-cyb-brick-midnight-guardians.avif")!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;}


/* UK-only checkout residency confirmation: explicit declaration, not a geo-IP guess. */
.buyer-residence-check{padding:14px 12px;margin:14px 0;border:1px solid #457384;border-radius:10px;min-width:0}
.buyer-residence-check legend{font-size:13px;font-weight:800;padding:0 7px}
.buyer-residence-check label{display:block;font-size:12px;line-height:1.55}
.buyer-residence-check select{box-sizing:border-box;width:100%;max-width:100%;margin:8px 0 12px;padding:11px 12px;background:#0c2738;color:#e9faff;border:1px solid #548698;border-radius:8px;font:inherit}
.buyer-residence-check .buyer-residence-consent{display:flex;align-items:flex-start;gap:9px;cursor:pointer}
.buyer-residence-check input[type=checkbox]{flex:none;width:17px;height:17px;accent-color:#10d4cf}
.buyer-residence-check p{font-size:11px;line-height:1.55;color:#b8d8e4;margin:8px 0}

/* CYB STUDIO V2 — approved responsive customer shell, 2026-10-30.
   Presentation only: payment, residence and delivery controls retain their IDs. */
html[data-theme] body.studio-v2 {
 display:block!important;max-width:none!important;width:auto!important;margin:0!important;
 padding:36px 6vw 28px!important;min-height:100vh;box-sizing:border-box;
 background:#07131c url('/brick-studio/customer/assets/studio-background.webp') center top/cover fixed no-repeat!important;
 color:#e9f6fc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
html[data-theme=studio] body.studio-v2{background-image:url('/brick-studio/customer/assets/studio-atelier.webp?v=20261031-a')!important}
html[data-theme=signal] body.studio-v2{background-image:url('/brick-studio/customer/assets/studio-forma.webp?v=20261031-a')!important}
html[data-theme=orbit] body.studio-v2{background-image:url('/brick-studio/customer/assets/studio-pulse.webp?v=20261031-a')!important}
html[data-theme] body.studio-v2::before,html[data-theme] body.studio-v2::after{display:none!important}
html[data-theme] body.studio-v2 *{box-sizing:border-box}
html[data-theme] body.studio-v2 .studio-shell{max-width:1232px;margin:0 auto;padding:22px;background:linear-gradient(145deg,rgba(4,19,30,.96),rgba(3,17,28,.94));border:1px solid #28809599;border-radius:26px;box-shadow:0 22px 90px #0009,0 0 0 7px #07162255;min-width:0}
html[data-theme] body.studio-v2 header{display:flex!important;align-items:center!important;justify-content:space-between;flex-wrap:wrap;gap:18px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 18px!important;margin:0!important;min-height:0;position:relative;max-width:none}
html[data-theme] body.studio-v2 .brand{display:flex;align-items:center;gap:12px;min-width:0;font-size:18px;line-height:1.15;letter-spacing:.03em;white-space:normal}
html[data-theme] body.studio-v2 .brand-name{display:block}
html[data-theme] body.studio-v2 .brand-name small{display:block;color:var(--cyb-accent,#12d9ed);letter-spacing:.45em;font-size:10px;margin-top:5px}
html[data-theme] body.studio-v2 .mark{width:66px;min-width:66px;height:45px;font-size:68px;line-height:40px}
html[data-theme] body.studio-v2 .header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;width:auto;max-width:100%}
html[data-theme] body.studio-v2 .header-actions .client-label{display:none!important}
html[data-theme] body.studio-v2 .studio-lang-picker{position:static!important;inset:auto!important;transform:none!important;width:168px!important;max-width:100%;height:44px!important;padding:10px 28px 10px 12px!important;border:1px solid #38788c!important;outline:none;box-shadow:none!important;border-radius:10px!important;background-color:#0c2939!important;color:#e8f8ff!important;font-size:13px!important;appearance:auto!important}
html[data-theme] body.studio-v2 .studio-lang-picker:focus-visible{outline:2px solid var(--cyb-accent);outline-offset:3px}
html[data-theme] body.studio-v2 .theme-picker{display:flex!important;align-items:center;gap:8px;font-size:11px;color:#a9c5d1;position:static!important;background:none!important;border:0!important;padding:0!important;margin:0!important}
html[data-theme] body.studio-v2 #themeChoice{height:44px;max-width:148px;width:148px;margin:0!important;font-size:12px;background:#0c2939;border:1px solid #38788c;border-radius:10px;padding:9px;color:#e8f8ff}
html[data-theme] body.studio-v2 .app-nav{display:flex!important;justify-content:flex-start;gap:6px;flex-wrap:wrap;margin:0!important;padding:0 0 12px!important;border-bottom:1px solid #225166!important;min-width:0}
html[data-theme] body.studio-v2 .app-nav button{width:auto!important;flex:0 1 auto;min-width:0;min-height:42px;padding:10px 18px!important;font-size:13px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#adc9d5;box-shadow:none!important}
html[data-theme] body.studio-v2 .app-nav button[aria-pressed=true]{background:#0b3447!important;color:var(--cyb-accent)!important}
html[data-theme] body.studio-v2 .intro{display:block!important;padding:24px 2px 12px!important;min-height:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;position:relative;overflow:visible}
html[data-theme] body.studio-v2 .intro::before{display:none!important}
html[data-theme] body.studio-v2 .intro-copy{max-width:900px}
html[data-theme] body.studio-v2 .intro h1{max-width:none;font-size:clamp(30px,3.2vw,46px)!important;line-height:1.1!important;letter-spacing:-.035em;margin:9px 0 12px;font-weight:800}
html[data-theme] body.studio-v2 .intro p{font-size:14px!important;max-width:760px;line-height:1.6;margin:0;color:#b1cbd8}
html[data-theme] body.studio-v2 .eyebrow{font-size:9px!important;letter-spacing:.18em!important;color:var(--cyb-accent)!important}
html[data-theme] body.studio-v2 .progress-panel{display:block!important;background:transparent!important;border:0!important;padding:0!important;margin:0 0 18px!important;border-radius:0!important;box-shadow:none!important}
html[data-theme] body.studio-v2 .studio-flow{display:flex!important;gap:8px;padding:0!important;margin:0!important;background:none!important;border:0!important}
html[data-theme] body.studio-v2 .studio-flow button{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:38px;padding:6px 12px!important;background:#0c2838!important;border:1px solid #20516a!important;border-radius:9px!important;flex:0 1 auto;font-size:11px!important;box-shadow:none!important}
html[data-theme] body.studio-v2 .studio-flow button span{font-size:11px;width:25px;height:25px;min-width:25px;border-radius:50%;display:grid;place-items:center}
html[data-theme] body.studio-v2 #progressText{font-size:11px!important;margin:10px 0 0!important;line-height:1.5;color:#9ebbc9}
html[data-theme] body.studio-v2 .studio-workbench{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:18px;align-items:start;margin-top:12px;min-width:0}
html[data-theme] body.studio-v2 .studio-workbench>*{min-width:0}
html[data-theme] body.studio-v2 .studio-config{display:flex;flex-direction:column;gap:14px;min-width:0}
html[data-theme] body.studio-v2 .card{background:linear-gradient(150deg,#0a2536,#071c2b)!important;border:1px solid #236077!important;border-radius:16px!important;box-shadow:none!important;color:#e5f5fc}
html[data-theme] body.studio-v2 #visualGallery{display:block;padding:12px!important;margin:0!important;overflow:visible;min-width:0}
html[data-theme] body.studio-v2 .gallery-content{display:flex!important;flex-direction:column;gap:0!important;margin:0!important}
html[data-theme] body.studio-v2 #galleryStage{aspect-ratio:4/4.5!important;height:auto!important;min-height:0!important;max-height:none!important;width:100%;border-radius:11px!important;border:1px solid #38788c;touch-action:pan-y}
html[data-theme] body.studio-v2 #galleryBefore.gallery-original{background-image:url('/brick-studio/customer/assets/owner-cat-original-ui.webp')!important;background-size:cover!important;background-position:center 46%!important}
html[data-theme] body.studio-v2 #galleryAfter.gallery-render,html[data-theme] body.studio-v2 #galleryAfter.gallery-render.gallery-fine,html[data-theme] body.studio-v2 #galleryAfter.gallery-render.gallery-medium,html[data-theme] body.studio-v2 #galleryAfter.gallery-render.gallery-coarse{background-image:url('/brick-studio/customer/assets/owner-cat-bricks-ui.webp')!important;background-size:cover!important;background-position:center 46%!important;filter:none!important}
html[data-theme] body.studio-v2 #galleryStage::after{content:'∞ CYB';left:12px;top:auto;bottom:12px;width:auto;transform:none;font-size:14px;color:#cfe4eabb;letter-spacing:.1em;background:#071c2b99;padding:5px 8px;border-radius:5px}
html[data-theme] body.studio-v2 .gallery-tag{font-size:10px!important;padding:6px 9px!important;max-width:45%;text-align:center}
html[data-theme] body.studio-v2 .gallery-split{background:var(--cyb-accent);width:2px}
html[data-theme] body.studio-v2 .gallery-split:after{background:#f1fbff;color:#12313d;font-size:20px;padding:10px;box-shadow:0 3px 15px #0006}
html[data-theme] body.studio-v2 .gallery-split>span{display:none}
html[data-theme] body.studio-v2 .gallery-controls{padding:12px 2px 0!important;display:flex!important;gap:8px!important}
html[data-theme] body.studio-v2 .gallery-caption{display:none}
html[data-theme] body.studio-v2 .gallery-slider-label{font-size:11px!important;line-height:1.5}
html[data-theme] body.studio-v2 .gallery-disclaimer{font-size:10px!important;line-height:1.55!important;padding:8px 10px!important;margin:0!important;background:#0d3042!important;color:#adc8d4}
html[data-theme] body.studio-v2 .gallery-head{display:none!important}
html[data-theme] body.studio-v2 #studioShowcase{display:block!important;padding:16px 0 0!important;margin:14px 0 0!important;border:0!important;border-top:1px solid #225166!important;background:none!important;box-shadow:none!important}
html[data-theme] body.studio-v2 .studio-showcase-head h2,html[data-theme] body.studio-v2 .studio-showcase-head h3{font-size:17px!important;margin:0 0 5px}
html[data-theme] body.studio-v2 .studio-showcase-head p{font-size:10px!important;line-height:1.5!important;margin:5px 0 10px;color:#9ebbc9}
html[data-theme] body.studio-v2 .studio-showcase-filters{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 12px}
html[data-theme] body.studio-v2 .studio-showcase-filters button{font-size:10px!important;padding:7px 10px!important;min-height:32px}
html[data-theme] body.studio-v2 .studio-showcase-grid{display:grid!important;grid-auto-flow:column;grid-auto-columns:112px;grid-template-columns:none!important;overflow-x:auto;gap:8px!important;padding:0 0 10px!important;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
html[data-theme] body.studio-v2 .studio-showcase-card{min-width:0!important;width:112px!important;padding:0 0 7px!important;border:1px solid #326478!important;border-radius:10px!important;overflow:hidden;scroll-snap-align:start;background:#092130!important}
html[data-theme] body.studio-v2 .studio-showcase-card .showcase-photo{height:112px!important;aspect-ratio:1!important;width:100%!important;border-radius:0!important;background-size:cover!important}
html[data-theme] body.studio-v2 .studio-showcase-card strong{display:block!important;font-size:10px!important;line-height:1.4!important;padding:7px 7px 0!important;white-space:normal!important}
html[data-theme] body.studio-v2 .studio-showcase-card small{display:none!important}
html[data-theme] body.studio-v2 #photoControls{display:block!important;padding:16px!important;margin:0!important;min-width:0;width:auto!important;grid-column:auto!important}
html[data-theme] body.studio-v2 #photoControls h2,html[data-theme] body.studio-v2 #clientCheckoutPanel h2{font-size:18px!important;line-height:1.35;margin:0 0 8px;color:#edfaff}
html[data-theme] body.studio-v2 #photoControls>.sub{font-size:11px;line-height:1.5;margin:0 0 12px}
html[data-theme] body.studio-v2 #drop{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;height:auto!important;min-height:136px!important;margin:0!important;padding:18px!important;border:1px dashed #22b6c7!important;border-radius:10px!important;background:#071b2b!important}
html[data-theme] body.studio-v2 #drop svg{height:30px;width:30px;margin:0!important}
html[data-theme] body.studio-v2 #drop strong{font-size:12px!important;line-height:1.5;max-width:100%;text-align:center}
html[data-theme] body.studio-v2 #drop>span{font-size:10px!important}
html[data-theme] body.studio-v2 #sourceThumb{max-height:94px;max-width:100px;object-fit:contain;border-radius:6px}
html[data-theme] body.studio-v2 #fileState{font-size:10px;line-height:1.5;margin:8px 0}
html[data-theme] body.studio-v2 #uploadPhoto,html[data-theme] body.studio-v2 #studioSizeNext{width:100%;min-height:42px;font-size:12px;padding:10px;border-radius:8px;margin:5px 0}
html[data-theme] body.studio-v2 #uploadHelp,html[data-theme] body.studio-v2 #studioSizeHelp,html[data-theme] body.studio-v2 #generateHelp{font-size:10px!important;line-height:1.5!important;margin:6px 0 12px}
html[data-theme] body.studio-v2 .gallery-upload-tip,html[data-theme] body.studio-v2 #engineState{display:none!important}
html[data-theme] body.studio-v2 label[for=detail]{display:block!important;font-size:17px!important;font-weight:750;line-height:1.4;padding:16px 0 10px;margin-top:12px;border-top:1px solid #225166}
html[data-theme] body.studio-v2 #detail{position:absolute!important;clip-path:inset(50%);width:1px!important;height:1px!important;overflow:hidden}
html[data-theme] body.studio-v2 .studio-size-picker{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0 0 10px!important;padding:0!important;background:none!important}
html[data-theme] body.studio-v2 .studio-size-picker button{min-width:0;min-height:98px!important;padding:10px 4px!important;font-size:11px!important;line-height:1.4;border:1px solid #2c5b70!important;background:#082033!important;border-radius:10px!important;white-space:normal}
html[data-theme] body.studio-v2 .studio-size-picker button[aria-pressed=true]{border-color:var(--cyb-accent)!important;background:#093547!important;box-shadow:inset 0 0 0 1px var(--cyb-accent),0 0 12px #0dd5e322!important}
html[data-theme] body.studio-v2 .studio-brick-preview{display:none!important}
html[data-theme] body.studio-v2 #selectedPhotoPreview{margin:12px 0!important;max-width:100%}
html[data-theme] body.studio-v2 #selectedPhotoPreview img{max-height:180px;object-fit:contain;width:100%}
html[data-theme] body.studio-v2 #clientCheckoutPanel{display:block!important;padding:16px!important;margin:0!important;width:auto!important;min-width:0;grid-column:auto!important}
html[data-theme] body.studio-v2 .client-shopping{display:block!important;grid-template-columns:none!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important}
html[data-theme] body.studio-v2 .client-shopping>.sub,html[data-theme] body.studio-v2 .client-shopping>div>.sub{font-size:11px!important;line-height:1.5!important;margin:0 0 12px}
html[data-theme] body.studio-v2 .cyb-packages{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:0!important;margin:12px 0!important;border:0!important}
html[data-theme] body.studio-v2 .cyb-packages legend{font-size:11px;margin-bottom:7px}
html[data-theme] body.studio-v2 .cyb-package{display:flex!important;gap:10px;align-items:center;min-width:0;min-height:72px;padding:12px!important;border:1px solid #2d5e74!important;border-radius:10px!important;background:#061d2f!important;margin:0!important}
html[data-theme] body.studio-v2 .cyb-package:has(input:checked){border-color:var(--cyb-accent)!important;box-shadow:inset 0 0 0 1px var(--cyb-accent)!important;background:#073246!important}
html[data-theme] body.studio-v2 .cyb-package input{flex:0 0 18px;width:18px;height:18px;accent-color:var(--cyb-accent);margin:0}
html[data-theme] body.studio-v2 .cyb-package span{flex:1;min-width:0}
html[data-theme] body.studio-v2 .cyb-package strong{font-size:13px!important;line-height:1.4}
html[data-theme] body.studio-v2 .cyb-package small{font-size:10px!important;line-height:1.5;margin-top:4px}
html[data-theme] body.studio-v2 .cyb-package>b{font-size:21px!important;white-space:nowrap;color:var(--cyb-accent)}
html[data-theme] body.studio-v2 .client-price{font-size:12px!important;margin:8px 0!important}
html[data-theme] body.studio-v2 .client-preview-tag{font-size:10px!important;line-height:1.6!important;margin:8px 0 14px}
html[data-theme] body.studio-v2 .buyer-residence-check,html[data-theme] body.studio-v2 .buyer-legal-acceptance{display:block!important;min-width:0;margin:14px 0!important;padding:12px!important;background:#061b2b!important;border:1px solid #28536a!important;border-radius:10px}
html[data-theme] body.studio-v2 .buyer-residence-check legend,html[data-theme] body.studio-v2 .buyer-legal-acceptance legend{font-size:12px;font-weight:650;padding:0 4px}
html[data-theme] body.studio-v2 .buyer-residence-check label,html[data-theme] body.studio-v2 .buyer-legal-acceptance label{font-size:10px!important;line-height:1.6!important;margin:8px 0!important}
html[data-theme] body.studio-v2 .buyer-residence-check p{font-size:10px;line-height:1.6;margin:8px 0}
html[data-theme] body.studio-v2 #buyerCountry{font-size:12px!important;padding:9px!important;height:42px;width:100%;background:#0d2b3e;border:1px solid #3d7187;border-radius:7px;color:#eefaff}
html[data-theme] body.studio-v2 .buyer-legal-acceptance input,html[data-theme] body.studio-v2 #buyerCountryConfirmed{width:17px;height:17px;min-width:17px;accent-color:var(--cyb-accent);vertical-align:middle}
html[data-theme] body.studio-v2 #clientPay{display:block;width:100%;padding:13px!important;min-height:48px;font-size:15px;font-weight:750;border-radius:10px}
html[data-theme] body.studio-v2 #checkoutHelp{font-size:10px!important;line-height:1.6!important;margin:10px 0 0!important}
html[data-theme] body.studio-v2 #prelaunch{font-size:10px!important;padding:10px!important;margin-top:12px!important;line-height:1.55!important;min-height:0!important}
html[data-theme] body.studio-v2 #prelaunch p{font-size:10px!important;margin:4px 0!important}
html[data-theme] body.studio-v2 #packagePanel{margin:14px 0 0!important;padding:12px!important;max-width:100%}
html[data-theme] body.studio-v2 #packagePanel h2{font-size:15px!important}
html[data-theme] body.studio-v2 #packagePanel>p{font-size:10px;line-height:1.5}
html[data-theme] body.studio-v2 .package-photo-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
html[data-theme] body.studio-v2 .package-photo-slot{padding:8px!important;border-radius:8px;min-width:0}
html[data-theme] body.studio-v2 .package-photo-slot h3{font-size:12px!important}
html[data-theme] body.studio-v2 .package-photo-slot p{font-size:10px!important;line-height:1.5;overflow-wrap:anywhere}
html[data-theme] body.studio-v2 .package-photo-slot button,html[data-theme] body.studio-v2 .package-photo-slot select{width:100%;min-height:36px;font-size:10px;padding:6px}
html[data-theme] body.studio-v2 .workspace{display:block!important;margin:18px 0!important;width:100%;min-width:0}
html[data-theme] body.studio-v2 #buyerAccess,html[data-theme] body.studio-v2 #buyerActions{max-width:none;margin:18px 0!important;padding:18px!important}
html[data-theme] body.studio-v2 #buyerAccess h2,html[data-theme] body.studio-v2 #buyerActions h2{font-size:18px}
html[data-theme] body.studio-v2 #buyerAccess p,html[data-theme] body.studio-v2 #buyerAccess summary{font-size:12px;line-height:1.6}
html[data-theme] body.studio-v2 #studioLegalLanguage,html[data-theme] body.studio-v2 #retentionNotice{font-size:11px!important;line-height:1.7!important;margin:16px 2px!important;max-width:100%;color:#a3becd}
html[data-theme] body.studio-v2 #message{font-size:12px!important;line-height:1.6;overflow-wrap:anywhere;margin:10px 0!important}
html[data-theme] body.studio-v2 #message:empty{display:none!important}
html[data-theme] body.studio-v2 footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:9px!important;line-height:1.7;padding:16px 0 0;margin-top:18px;border-top:1px solid #225166;color:#7e9fad}
html[data-theme] body.studio-v2 #resultViewer{min-height:0;margin:0!important}
html[data-theme] body.studio-v2 #resultViewer .canvas{min-height:240px}
html[data-theme] body.studio-v2[data-section=create] .workspace{display:none!important}
html[data-theme] body.studio-v2[data-section=gallery] .studio-config,html[data-theme] body.studio-v2[data-section=gallery] .workspace,html[data-theme] body.studio-v2[data-section=versions] .studio-workbench,html[data-theme] body.studio-v2[data-section=result] .studio-workbench,html[data-theme] body.studio-v2[data-section=help] .studio-workbench{display:none!important}
html[data-theme] body.studio-v2[data-section=gallery] .studio-workbench{grid-template-columns:minmax(0,1fr)}
html[data-theme] body.studio-v2[data-section=gallery] .studio-showcase-grid{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-columns:auto;overflow:visible}
html[data-theme] body.studio-v2[data-section=gallery] .studio-showcase-card{width:100%!important}
html[data-theme] body.studio-v2[data-section=gallery] .studio-showcase-card .showcase-photo{height:auto!important;aspect-ratio:4/5!important}
html[data-theme] body.studio-v2[data-section=gallery] .gallery-stage{aspect-ratio:16/10!important;max-height:660px!important}
html[data-theme] body.studio-v2[data-section=gallery] .gallery-head{display:flex!important;padding:18px 0 0;margin:0}
html[data-theme] body.studio-v2[data-section=help] .workspace,html[data-theme] body.studio-v2[data-section=versions] .workspace{display:none!important}
html[data-theme] body.studio-v2 #studioLanguage::before,html[data-theme] body.studio-v2 #studioLanguage::after{display:none!important}
@media(min-width:1600px){html[data-theme] body.studio-v2{padding:52px 12vw!important}}
@media(max-width:1000px){
 html[data-theme] body.studio-v2{padding:24px 4vw!important;background-attachment:scroll!important}
 html[data-theme] body.studio-v2 .studio-shell{padding:16px;border-radius:20px}
 html[data-theme] body.studio-v2 .studio-workbench{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:12px}
 html[data-theme] body.studio-v2 .brand{font-size:15px}
 html[data-theme] body.studio-v2 .theme-picker{font-size:0!important}
 html[data-theme] body.studio-v2 #themeChoice{font-size:11px;width:112px}
 html[data-theme] body.studio-v2 .studio-lang-picker{width:148px!important;font-size:12px!important}
}
@media(max-width:740px){
 html[data-theme] body.studio-v2{padding:18px 12px!important;background-size:auto 110vh!important;background-position:center top!important}
 html[data-theme] body.studio-v2 .studio-shell{padding:14px 12px;border-radius:18px;background:linear-gradient(145deg,#071d2df2,#041520f5)}
 html[data-theme] body.studio-v2 header{gap:12px;padding-bottom:12px!important}
 html[data-theme] body.studio-v2 .brand{font-size:15px;gap:9px}
 html[data-theme] body.studio-v2 .mark{width:48px;min-width:48px;height:32px;font-size:52px;line-height:30px}
 html[data-theme] body.studio-v2 .header-actions{width:100%;display:flex!important;justify-content:space-between;gap:10px;flex-wrap:nowrap}
 html[data-theme] body.studio-v2 .studio-lang-picker{width:172px!important;max-width:calc(58% - 6px);height:42px!important}
 html[data-theme] body.studio-v2 .theme-picker{flex:1;justify-content:flex-end;max-width:42%;min-width:0}
 html[data-theme] body.studio-v2 #themeChoice{width:100%;max-width:140px;height:42px}
 html[data-theme] body.studio-v2 .app-nav{gap:2px;flex-wrap:nowrap;justify-content:space-between;padding-bottom:10px!important}
 html[data-theme] body.studio-v2 .app-nav button{padding:9px 5px!important;min-height:44px;font-size:10px!important;flex:1 1 auto;overflow-wrap:normal;white-space:normal;line-height:1.4}
 html[data-theme] body.studio-v2 .intro{padding:18px 0 12px!important}
 html[data-theme] body.studio-v2 .intro h1{font-size:32px!important;line-height:1.08!important;margin:9px 0 12px}
 html[data-theme] body.studio-v2 .intro p{font-size:12px!important;line-height:1.6}
 html[data-theme] body.studio-v2 .eyebrow{font-size:8px!important;letter-spacing:.12em!important}
 html[data-theme] body.studio-v2 .studio-flow{gap:5px;justify-content:space-between}
 html[data-theme] body.studio-v2 .studio-flow button{padding:6px!important;gap:5px;flex:1 1 0;min-width:0;min-height:48px;font-size:9px!important;line-height:1.35}
 html[data-theme] body.studio-v2 .studio-flow button span{width:21px;height:21px;min-width:21px;font-size:9px}
 html[data-theme] body.studio-v2 #progressText{font-size:10px!important}
 html[data-theme] body.studio-v2 .studio-workbench{display:flex;flex-direction:column;gap:14px;margin-top:0}
 html[data-theme] body.studio-v2 .studio-workbench>*{width:100%}
 html[data-theme] body.studio-v2 #visualGallery{padding:9px!important}
 html[data-theme] body.studio-v2 #galleryStage{aspect-ratio:4/4.6!important}
 html[data-theme] body.studio-v2 .gallery-tag{font-size:9px!important}
 html[data-theme] body.studio-v2 #studioShowcase{padding-top:12px!important;margin-top:12px!important}
 html[data-theme] body.studio-v2 .studio-showcase-grid{grid-auto-columns:92px}
 html[data-theme] body.studio-v2 .studio-showcase-card{width:92px!important}
 html[data-theme] body.studio-v2 .studio-showcase-card .showcase-photo{height:92px!important}
 html[data-theme] body.studio-v2 #photoControls,html[data-theme] body.studio-v2 #clientCheckoutPanel{padding:14px!important}
 html[data-theme] body.studio-v2 .studio-showcase-head h2,html[data-theme] body.studio-v2 .studio-showcase-head h3{font-size:16px!important}
 html[data-theme] body.studio-v2[data-section=gallery] .studio-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-theme] body.studio-v2 .package-photo-slots{grid-template-columns:1fr}
 html[data-theme] body.studio-v2 .package-photo-slot{display:block}
}
html[data-theme] body.studio-v2 .studio-conditions{margin:14px 0;border:1px solid #2a5b70;border-radius:10px;background:#071e2d;padding:12px}
html[data-theme] body.studio-v2 .studio-conditions summary{cursor:pointer;font-size:12px;font-weight:700;color:#c4e4f0;min-height:24px;line-height:24px}
html[data-theme] body.studio-v2 .studio-conditions summary::marker{color:var(--cyb-accent)}
html[data-theme] body.studio-v2 #prelaunch{display:none!important}
@media(min-width:741px){html[data-theme] body.studio-v2{background-attachment:fixed!important}}
html[data-theme] body.studio-v2 #galleryStage{aspect-ratio:4/3!important}
html[data-theme] body.studio-v2 #galleryBefore.gallery-original{background-position:center 40%!important}
html[data-theme] body.studio-v2 #galleryAfter.gallery-render,html[data-theme] body.studio-v2 #galleryAfter.gallery-render.gallery-fine,html[data-theme] body.studio-v2 #galleryAfter.gallery-render.gallery-medium,html[data-theme] body.studio-v2 #galleryAfter.gallery-render.gallery-coarse{background-position:center 27%!important}
html[data-theme] body.studio-v2 #generateHelp{display:none!important}
html[data-theme] body.studio-v2 .progress-panel #progressText{margin:8px 0 0!important}
html[data-theme] body.studio-v2 .studio-size-picker{margin-bottom:0!important}
html[data-theme] body.studio-v2 #photoControls .field{margin-top:8px!important}
@media(max-width:740px){html[data-theme] body.studio-v2 #galleryStage{aspect-ratio:4/4.2!important}}

/* Stable focus after upload: do not move the next button during a click. */
html[data-theme]{scroll-behavior:auto!important}

/* CYB reference composition v3 — 2026-10-31. Layout only. */
html[data-theme] body.studio-v3{padding:18px 4vw 28px!important;background-position:center top!important;background-size:cover!important}
html[data-theme] body.studio-v3 .studio-shell{max-width:1280px;padding:16px 18px 12px;border-radius:24px;background:#041722f5;border:1px solid #4ca5be;box-shadow:0 0 0 5px #04121bb3,0 18px 65px #000a}
html[data-theme] body.studio-v3 header{display:grid!important;grid-template-columns:auto 1fr auto;gap:18px;min-height:62px;padding:0 0 12px!important;border-bottom:1px solid #214d62!important}
html[data-theme] body.studio-v3 .brand{font-size:16px;gap:10px;letter-spacing:.015em;white-space:nowrap}
html[data-theme] body.studio-v3 .brand .mark{width:65px;min-width:65px;height:44px}
html[data-theme] body.studio-v3 .brand-name small{font-size:9px;letter-spacing:.6em}
html[data-theme] body.studio-v3 .app-nav{margin:0!important;padding:0!important;border:0!important;justify-content:center;flex-wrap:nowrap;gap:2px}
html[data-theme] body.studio-v3 .app-nav button{padding:8px 9px!important;font-size:11px!important;min-height:38px;border-radius:0!important;white-space:nowrap}
html[data-theme] body.studio-v3 .app-nav button[aria-pressed=true]{background:none!important;border-bottom:2px solid #10dced!important;color:#10dced!important}
html[data-theme] body.studio-v3 .header-actions{gap:7px;flex-wrap:nowrap}
html[data-theme] body.studio-v3 .studio-lang-picker{width:118px!important;height:38px!important;font-size:11px!important;padding:7px!important;border-radius:7px!important}
html[data-theme] body.studio-v3 .theme-picker{font-size:0;gap:0}
html[data-theme] body.studio-v3 #themeChoice{width:105px;max-width:105px;height:38px;font-size:10px;border-radius:7px;padding:7px}
html[data-theme] body.studio-v3 #visualGallery{display:grid!important;grid-template-columns:40% 60%;grid-template-rows:310px auto;position:relative;isolation:isolate;padding:0!important;border:0!important;border-radius:0!important;background:#041722!important;margin:0 0 13px!important;overflow:hidden}
html[data-theme] body.studio-v3 .intro{grid-column:1;grid-row:1;padding:28px 18px 18px 8px!important;display:flex!important;align-items:center;z-index:2;min-width:0}
html[data-theme] body.studio-v3 .intro-copy{width:100%;max-width:none}
html[data-theme] body.studio-v3 .eyebrow{font-size:8px!important;line-height:1.5;letter-spacing:.12em!important;margin-bottom:12px}
html[data-theme] body.studio-v3 .intro h1{font-size:clamp(34px,3.45vw,52px)!important;line-height:1.04!important;letter-spacing:-.035em;margin:0 0 15px;max-width:440px}
html[data-theme] body.studio-v3 .intro p{font-size:13px!important;line-height:1.6;max-width:350px;color:#d1e2e9}
html[data-theme] body.studio-v3 .gallery-content{grid-column:2;grid-row:1;display:block!important;position:relative;min-width:0;gap:0!important}
html[data-theme] body.studio-v3 #galleryStage{height:310px!important;min-height:0!important;max-height:none!important;width:100%;aspect-ratio:auto!important;border:0!important;border-radius:0!important}
html[data-theme] body.studio-v3 #galleryBefore.gallery-original{background-image:url('/brick-studio/customer/assets/owner-gallery-cyb-supercar-original.jpg')!important;background-size:cover!important;background-position:center 54%!important}
html[data-theme] body.studio-v3 #galleryAfter.gallery-render,html[data-theme] body.studio-v3 #galleryAfter.gallery-render.gallery-fine,html[data-theme] body.studio-v3 #galleryAfter.gallery-render.gallery-medium,html[data-theme] body.studio-v3 #galleryAfter.gallery-render.gallery-coarse{background-image:url('/brick-studio/customer/assets/owner-gallery-cyb-supercar-bricks-2.jpg')!important;background-size:cover!important;background-position:center 54%!important}
html[data-theme] body.studio-v3 #galleryStage::after{display:none!important}
html[data-theme] body.studio-v3 .gallery-tag{top:14px;font-size:10px!important;padding:7px 9px!important;background:#02141de8}
html[data-theme] body.studio-v3 .gallery-split{box-shadow:0 0 15px #00dceccc}
html[data-theme] body.studio-v3 .gallery-controls{position:absolute;inset:auto 12px 7px;display:block!important;padding:0!important}
html[data-theme] body.studio-v3 .gallery-slider-label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
html[data-theme] body.studio-v3 #gallerySlider{display:block;margin:0;height:18px;min-height:18px;width:100%;opacity:.9}
html[data-theme] body.studio-v3 .gallery-note{grid-column:1/-1;grid-row:2;font-size:10px;line-height:1.5;background:#071d29;padding:6px 10px;margin:0}
html[data-theme] body.studio-v3 .gallery-note summary{cursor:pointer;color:#a8c7d7;min-height:22px;line-height:22px}
html[data-theme] body.studio-v3 .gallery-note .gallery-disclaimer{padding:5px 0!important;background:transparent!important}
html[data-theme] body.studio-v3 .gallery-head{display:none!important}
html[data-theme] body.studio-v3 .studio-workbench{display:grid!important;grid-template-columns:1fr 1.1fr 1.15fr;align-items:stretch;gap:12px;margin:0;min-width:0}
html[data-theme] body.studio-v3 .studio-workbench>.card{margin:0!important;padding:13px!important;border-radius:12px!important;background:#061e2d!important;border:1px solid #21546d!important;min-width:0;position:relative}
html[data-theme] body.studio-v3 #photoControls h2,html[data-theme] body.studio-v3 .reference-size>.field,html[data-theme] body.studio-v3 #clientCheckoutPanel h2{font-size:16px!important;line-height:1.3;margin:0 0 12px!important;display:block;color:#f1fbff;font-weight:750}
html[data-theme] body.studio-v3 #photoControls>.sub{display:none!important}
html[data-theme] body.studio-v3 #drop{height:142px!important;min-height:142px!important;padding:12px!important;border-radius:8px!important;border:1px dashed #4aadc3!important;background:#051924!important;gap:7px!important}
html[data-theme] body.studio-v3 #uploadIcon{width:34px;height:34px}
html[data-theme] body.studio-v3 #dropTitle{font-size:13px!important;line-height:1.3}
html[data-theme] body.studio-v3 #drop span{font-size:10px}
html[data-theme] body.studio-v3 #fileState{font-size:10px!important;margin:7px 0!important;line-height:1.35}
html[data-theme] body.studio-v3 #uploadPhoto,html[data-theme] body.studio-v3 #studioSizeNext{min-height:36px;height:auto;padding:8px!important;font-size:11px!important;border-radius:7px;margin:6px 0!important}
html[data-theme] body.studio-v3 .action-help{font-size:10px!important;line-height:1.4!important;margin:4px 0!important}
html[data-theme] body.studio-v3 #detail{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;clip-path:inset(50%);overflow:hidden;opacity:0;pointer-events:none}
html[data-theme] body.studio-v3 .studio-size-picker{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 9px!important}
html[data-theme] body.studio-v3 .studio-size-picker button{min-width:0;height:156px;min-height:156px;padding:12px 5px!important;border-radius:9px!important;font-size:12px!important;line-height:1.35;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;background:#0b2535!important;border:1px solid #2f6074!important;color:#e8f7fc!important}
html[data-theme] body.studio-v3 .studio-size-picker button[aria-pressed=true]{border:2px solid #08deef!important;box-shadow:0 0 14px #09d8ef66!important;background:#104058!important}
html[data-theme] body.studio-v3 .cyb-brick-size{display:block;background:url('/brick-studio/customer/assets/brick-white-ui.webp') center/contain no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;position:static!important}
html[data-theme] body.studio-v3 .cyb-brick-size::before{display:none!important}
html[data-theme] body.studio-v3 .cyb-brick-size.fine{width:42px;height:42px}
html[data-theme] body.studio-v3 .cyb-brick-size.medium{width:57px;height:57px}
html[data-theme] body.studio-v3 .cyb-brick-size.coarse{width:72px;height:72px}
html[data-theme] body.studio-v3 #clientCheckoutPanel .client-shopping{display:block!important}
html[data-theme] body.studio-v3 #clientCheckoutPanel .sub,html[data-theme] body.studio-v3 .cyb-packages legend{display:none!important}
html[data-theme] body.studio-v3 .cyb-packages{display:grid;gap:8px;padding:0!important;margin:0!important;border:0!important}
html[data-theme] body.studio-v3 .cyb-package{min-height:65px!important;gap:9px!important;padding:10px!important;border-radius:8px!important;background:#061b29!important;display:grid!important;grid-template-columns:18px minmax(0,1fr) auto;align-items:center}
html[data-theme] body.studio-v3 .cyb-package input{width:16px!important;height:16px!important;margin:0!important}
html[data-theme] body.studio-v3 .cyb-package strong{font-size:13px!important;line-height:1.35!important}
html[data-theme] body.studio-v3 .cyb-package small{font-size:9px!important;line-height:1.4!important;margin:4px 0 0!important}
html[data-theme] body.studio-v3 .cyb-package b{font-size:22px!important;white-space:nowrap;color:#11def0}
html[data-theme] body.studio-v3 #cybPrice{font-size:10px!important;margin:6px 0!important}
html[data-theme] body.studio-v3 .client-preview-tag{font-size:9px!important;line-height:1.4!important;margin:4px 0!important}
html[data-theme] body.studio-v3 .studio-conditions{padding:5px 8px!important;margin:6px 0!important;border-radius:6px!important}
html[data-theme] body.studio-v3 .studio-conditions summary{font-size:10px!important;min-height:24px;line-height:24px}
html[data-theme] body.studio-v3 #clientPay{min-height:42px!important;font-size:13px!important;line-height:1.3;padding:10px!important;border-radius:7px!important;background:#00d6e8!important;color:#03141e!important}
html[data-theme] body.studio-v3 #clientPay:disabled{background:#163e50!important;color:#829fae!important}
html[data-theme] body.studio-v3 .progress-panel{margin:8px 0 0!important;padding:0!important}
html[data-theme] body.studio-v3 #studioFlow{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html[data-theme] body.studio-v3 #progressText{font-size:10px!important;margin:0!important;text-align:center;color:#9db8c6;line-height:1.4}
html[data-theme] body.studio-v3 #studioShowcase{border:0!important;margin:17px 0 0!important;padding:0!important;background:none!important}
html[data-theme] body.studio-v3 .studio-showcase-head h3{font-size:23px!important;margin:0 0 4px}
html[data-theme] body.studio-v3 .studio-showcase-head p{font-size:10px!important;margin:0 0 9px!important;line-height:1.4}
html[data-theme] body.studio-v3[data-section=create] .studio-showcase-filters{display:none!important}
html[data-theme] body.studio-v3 .studio-showcase-grid{grid-auto-columns:calc((100% - 32px)/5)!important;gap:8px!important;scrollbar-width:thin}
html[data-theme] body.studio-v3 .studio-showcase-card{width:100%!important;min-width:0!important;border-radius:9px!important}
html[data-theme] body.studio-v3 .studio-showcase-card .showcase-photo{height:140px!important;min-height:0!important;background-size:cover!important}
html[data-theme] body.studio-v3 .studio-showcase-card strong{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px!important}
html[data-theme] body.studio-v3 .studio-showcase-card small{display:none!important}
html[data-theme] body.studio-v3 #buyerAccess{margin-top:16px!important;padding:12px!important;border-radius:9px!important}
html[data-theme] body.studio-v3 #buyerAccess h2{font-size:14px!important;margin:0 0 5px}
html[data-theme] body.studio-v3 #buyerAccess p,html[data-theme] body.studio-v3 #buyerAccess summary{font-size:11px!important;margin:3px 0}
html[data-theme] body.studio-v3 #retentionNotice,html[data-theme] body.studio-v3 #studioLegalLanguage{font-size:10px!important;line-height:1.5!important;margin:10px 0!important}
html[data-theme] body.studio-v3 footer{font-size:9px!important;line-height:1.5!important;padding-top:10px!important;margin-top:9px!important}
html[data-theme] body.studio-v3 #packageDock:empty{display:none}
html[data-theme] body.studio-v3 #packageDock #packagePanel{margin:12px 0!important;padding:14px!important}
html[data-theme] body.studio-v3[data-section=gallery] .studio-workbench,html[data-theme] body.studio-v3[data-section=gallery] .progress-panel,html[data-theme] body.studio-v3[data-section=help] .studio-workbench,html[data-theme] body.studio-v3[data-section=result] .studio-workbench,html[data-theme] body.studio-v3[data-section=versions] .studio-workbench{display:none!important}
html[data-theme] body.studio-v3:not([data-section=create]):not([data-section=gallery]) #visualGallery,html[data-theme] body.studio-v3:not([data-section=create]):not([data-section=gallery]) #studioShowcase{display:none!important}
html[data-theme] body.studio-v3[data-section=gallery] #visualGallery{grid-template-columns:1fr;grid-template-rows:400px auto}
html[data-theme] body.studio-v3[data-section=gallery] .intro{display:none!important}
html[data-theme] body.studio-v3[data-section=gallery] .gallery-content{grid-column:1}
html[data-theme] body.studio-v3[data-section=gallery] #galleryStage{height:400px!important}
html[data-theme] body.studio-v3[data-section=gallery] .studio-showcase-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-flow:row;grid-auto-columns:auto!important}
@media(max-width:1100px){
 html[data-theme] body.studio-v3{padding:14px 3vw 24px!important}
 html[data-theme] body.studio-v3 header{grid-template-columns:1fr auto;gap:6px}
 html[data-theme] body.studio-v3 .app-nav{grid-row:2;grid-column:1/-1;justify-content:flex-start}
 html[data-theme] body.studio-v3 #visualGallery{grid-template-columns:40% 60%;grid-template-rows:270px auto}
 html[data-theme] body.studio-v3 #galleryStage{height:270px!important}
 html[data-theme] body.studio-v3 .intro{padding:20px 10px 15px 2px!important}
 html[data-theme] body.studio-v3 .intro h1{font-size:36px!important}
 html[data-theme] body.studio-v3 .intro p{font-size:12px!important}
 html[data-theme] body.studio-v3 .studio-workbench{grid-template-columns:1fr 1fr;gap:10px}
 html[data-theme] body.studio-v3 #clientCheckoutPanel{grid-column:1/-1!important}
 html[data-theme] body.studio-v3 #clientCheckoutPanel .client-shopping{display:grid!important;grid-template-columns:1.3fr 1fr;column-gap:18px;align-items:start}
 html[data-theme] body.studio-v3 #clientCheckoutPanel .client-shopping>div:first-child{grid-row:1/4}
 html[data-theme] body.studio-v3 .cyb-package{min-height:64px!important}
 html[data-theme] body.studio-v3 .studio-showcase-grid{grid-auto-columns:calc((100% - 24px)/4)!important}
 html[data-theme] body.studio-v3 .studio-showcase-card .showcase-photo{height:128px!important}
}
@media(max-width:600px){
 html[data-theme] body.studio-v3{padding:10px 10px 20px!important;background-attachment:scroll!important}
 html[data-theme] body.studio-v3 .studio-shell{padding:12px;border-radius:18px}
 html[data-theme] body.studio-v3 header{grid-template-columns:1fr auto;gap:7px;padding-bottom:8px!important}
 html[data-theme] body.studio-v3 .brand{font-size:10px;gap:6px}
 html[data-theme] body.studio-v3 .brand .mark{width:38px;min-width:38px;height:30px}
 html[data-theme] body.studio-v3 .brand-name small{font-size:7px;letter-spacing:.4em}
 html[data-theme] body.studio-v3 .header-actions{gap:4px}
 html[data-theme] body.studio-v3 .studio-lang-picker{width:83px!important;height:34px!important;font-size:9px!important;padding:4px!important}
 html[data-theme] body.studio-v3 #themeChoice{width:68px;max-width:68px;height:34px;font-size:8px;padding:3px}
 html[data-theme] body.studio-v3 .app-nav{overflow-x:auto;justify-content:space-between;gap:0;padding:2px 0 0!important}
 html[data-theme] body.studio-v3 .app-nav button{font-size:9px!important;padding:6px 5px!important;min-height:32px}
 html[data-theme] body.studio-v3 #visualGallery{display:grid!important;grid-template-columns:1fr;grid-template-rows:auto 195px auto;margin-bottom:10px!important}
 html[data-theme] body.studio-v3 .intro{grid-column:1;grid-row:1;padding:17px 3px 10px!important}
 html[data-theme] body.studio-v3 .eyebrow{display:none!important}
 html[data-theme] body.studio-v3 .intro h1{font-size:32px!important;line-height:1.06!important;max-width:300px;margin-bottom:8px}
 html[data-theme] body.studio-v3 .intro p{font-size:11px!important;line-height:1.5;max-width:none}
 html[data-theme] body.studio-v3 .gallery-content{grid-column:1;grid-row:2}
 html[data-theme] body.studio-v3 #galleryStage{height:195px!important}
 html[data-theme] body.studio-v3 .gallery-tag{font-size:8px!important;padding:5px 6px!important;top:8px}
 html[data-theme] body.studio-v3 .gallery-note{grid-row:3;grid-column:1;padding:3px 6px;font-size:9px}
 html[data-theme] body.studio-v3 .studio-workbench{display:grid!important;grid-template-columns:1fr;gap:10px}
 html[data-theme] body.studio-v3 .studio-workbench>.card{padding:12px!important;width:100%!important;grid-column:1!important}
 html[data-theme] body.studio-v3 #photoControls h2,html[data-theme] body.studio-v3 .reference-size>.field,html[data-theme] body.studio-v3 #clientCheckoutPanel h2{font-size:16px!important}
 html[data-theme] body.studio-v3 #drop{height:125px!important;min-height:125px!important}
 html[data-theme] body.studio-v3 .studio-size-picker button{height:124px;min-height:124px;font-size:11px!important;gap:10px}
 html[data-theme] body.studio-v3 #clientCheckoutPanel .client-shopping{display:block!important}
 html[data-theme] body.studio-v3 .studio-showcase-head h3{font-size:20px!important}
 html[data-theme] body.studio-v3 .studio-showcase-grid{grid-auto-columns:calc((100% - 16px)/3)!important}
 html[data-theme] body.studio-v3 .studio-showcase-card .showcase-photo{height:100px!important}
 html[data-theme] body.studio-v3[data-section=gallery] .studio-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-theme] body.studio-v3[data-section=gallery] #visualGallery{grid-template-rows:230px auto}
 html[data-theme] body.studio-v3[data-section=gallery] .gallery-content{grid-row:1}
 html[data-theme] body.studio-v3[data-section=gallery] #galleryStage{height:230px!important}
 html[data-theme] body.studio-v3[data-section=gallery] .gallery-note{grid-row:2}
}
/* Reference QA corrections: consistent step headers and compact purchasing row. */
html[data-theme=studio] body.studio-v3{background-image:linear-gradient(#00101d33,#00101d55),url('/brick-studio/customer/assets/studio-forma.webp?v=20261031-a')!important}
html[data-theme] body.studio-v3 #photoControls,html[data-theme] body.studio-v3 #clientCheckoutPanel{padding:13px!important}
html[data-theme] body.studio-v3 .reference-size>.field{padding:0!important;border:0!important}
html[data-theme] body.studio-v3 .step-no{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:#09d9ec;color:#03202d;margin-right:5px;font-size:16px;font-weight:800;vertical-align:middle}
html[data-theme] body.studio-v3 #cybPrice{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html[data-theme] body.studio-v3 #clientCheckoutPanel .client-shopping{gap:0!important}
html[data-theme] body.studio-v3 #clientCheckoutPanel h2{margin-bottom:12px!important}
html[data-theme] body.studio-v3 #clientCheckoutPanel #clientPay{margin-top:4px!important;margin-bottom:3px!important}
html[data-theme] body.studio-v3 #checkoutHelp{font-size:10px!important;line-height:1.4!important}
html[data-theme] body.studio-v3 .studio-showcase-head{display:block!important;margin-bottom:5px!important}
html[data-theme] body.studio-v3 .studio-showcase-head p{max-width:850px}
html[data-theme] body.studio-v3 .intro h1{color:#effbff!important}
html[data-theme] body.studio-v3 .studio-size-picker button{height:142px;min-height:142px;gap:12px}
@media(max-width:600px){html[data-theme] body.studio-v3 .studio-size-picker button{height:124px;min-height:124px}}
@media(max-width:600px){
 html[data-theme] body.studio-v3 #themeChoice{min-width:68px!important;width:68px!important;max-width:68px!important;height:34px!important;min-height:34px!important;font-size:8px!important;padding:3px!important}
 html[data-theme] body.studio-v3 .header-actions{min-width:0!important}
}

/* CYB_20261031_MOBILE_HEADER_FINAL_STAGE_ONLY */
@media(max-width:600px){
 html[data-theme] body.studio-v3 .studio-shell,html[data-theme] body.studio-v3 header{min-width:0;max-width:100%}
 html[data-theme] body.studio-v3 header .brand{min-width:0;max-width:100%;overflow-wrap:anywhere}
 html[data-theme] body.studio-v3 .header-actions{width:100%!important;max-width:100%;min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(90px,1fr);gap:8px!important}
 html[data-theme] body.studio-v3 .studio-lang-picker{min-width:0!important;width:100%!important;max-width:100%!important}
 html[data-theme] body.studio-v3 .theme-picker{min-width:0!important;max-width:100%!important;width:100%!important;justify-content:stretch!important}
 html[data-theme] body.studio-v3 #themeChoice{box-sizing:border-box;min-width:0!important;width:100%!important;max-width:100%!important;font-size:11px!important;padding:4px 17px 4px 7px!important;text-overflow:ellipsis}
}

/* 2026-11-01: theme belongs to the complete panel. */
html[data-theme] body.studio-v2.studio-v3 .studio-shell{background:var(--cyb-bg)!important;border-color:var(--cyb-edge)!important}
html[data-theme] body.studio-v2.studio-v3 :is(header,#visualGallery,.intro,.gallery-note){background:var(--cyb-bg)!important;border-color:var(--cyb-edge)!important}
html[data-theme] body.studio-v2.studio-v3 :is(.card,.reference-size,.studio-size-picker button,.cyb-package,.studio-showcase-card,#buyerAccess){background:var(--cyb-card)!important;border-color:var(--cyb-edge)!important}
html[data-theme] body.studio-v2.studio-v3 :is(.drop,.secondary,.meta-box,.studio-conditions){background:var(--cyb-deep)!important;border-color:var(--cyb-edge)!important}
html[data-theme] body.studio-v2.studio-v3 .studio-size-picker button[aria-pressed=true]{background:var(--cyb-deep)!important;border-color:var(--cyb-accent)!important}
html[data-theme] body.studio-v2.studio-v3 #clientPay{background:var(--cyb-accent)!important;color:var(--cyb-bg)!important}
html[data-theme] body.studio-v2.studio-v3 .app-nav button[aria-pressed=true]{color:var(--cyb-accent)!important;border-color:var(--cyb-accent)!important}

/* Owner-authorized video gallery: native controls, first-party media, no autoplay. */
.cyb-owner-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}
.cyb-owner-film-card{min-width:0;margin:0;padding:14px;border:1px solid #57717b;border-radius:14px;background:#101821;color:#eef5f8}
.cyb-owner-film-card video{display:block;width:100%;height:420px;max-height:65vh;object-fit:contain;background:#05080d;border-radius:9px}
.cyb-owner-film-card figcaption{padding:12px 0 0;font-weight:700;line-height:1.5}
.cyb-owner-film-card a{display:inline-block;color:#84e9dd;min-height:28px;padding:5px 0;font-size:14px}
@media(max-width:760px){.cyb-owner-film-grid{grid-template-columns:1fr}.cyb-owner-film-card video{height:auto;max-height:65vh}}

/* Owner gallery additions, 2026-11-02. */
html[data-theme] .showcase-photo[data-sprite="robot-guardians"]{background-image:url("/brick-studio/customer/assets/owner-gallery-robot-guardians.jpg")!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;}
html[data-theme] .showcase-photo[data-sprite="sailor-original"]{background-image:url("/brick-studio/customer/assets/owner-gallery-sailor-original.jpg")!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;}
html[data-theme] .showcase-photo[data-sprite="sailor-bricks"]{background-image:url("/brick-studio/customer/assets/owner-gallery-sailor-bricks.jpg")!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;}

/* CYB actual pre-purchase preview: raster watermark is generated by the server. */
html[data-theme] body[data-prepurchase-preview=enabled] #galleryShield{position:absolute;inset:0;z-index:20;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y pinch-zoom;background:transparent}
html[data-theme] body[data-prepurchase-preview=enabled] #gallerySplit{z-index:30;pointer-events:auto;touch-action:none;cursor:ew-resize}
html[data-theme] body[data-prepurchase-preview=enabled] .gallery-controls{z-index:31}
html[data-theme] body[data-prepurchase-preview=enabled] .gallery-tag{z-index:31;pointer-events:none}
html[data-theme] .gallery-demo-badge{position:absolute;left:50%;top:8px;transform:translateX(-50%);z-index:31;pointer-events:none;font-size:9px;letter-spacing:.1em;padding:5px 7px;background:#031d2ee0;color:#bafaff;border-radius:4px}
html[data-theme] body:not([data-prepurchase-preview=enabled]) .gallery-demo-badge{display:none}
html[data-theme] .gallery-preview-status{position:absolute;z-index:31;left:12px;right:12px;bottom:38px;margin:0;padding:7px 10px;background:#041722e8;border:1px solid #237a9c;border-radius:6px;color:#e8fcff;font-size:11px;line-height:1.4;pointer-events:none}
html[data-theme] body[data-prepurchase-preview=enabled] #galleryStage[data-preview-mode=customer]{background:#03131f!important}
html[data-theme] body[data-prepurchase-preview=enabled] #photoPreviewPrivacy{display:block;font-size:10px;line-height:1.45;color:#c5dce6;margin:8px 0}
html[data-theme] body:not([data-prepurchase-preview=enabled]) #photoPreviewPrivacy{display:none}
@media(max-width:700px){html[data-theme] .gallery-preview-status{font-size:10px;bottom:32px;padding:6px}}