:root{--cssa-brand-primary:#000b51;--cssa-brand-navy-deep:#00052f;--cssa-brand-navy:#00083d;--cssa-brand-royal:#142b85;--cssa-brand-royal-medium:#2349ad;--cssa-brand-accent:#356fd1;--cssa-brand-accent-bright:#5791e3;--cssa-brand-blue-white:#f2f6ff;--cssa-brand-blue-white-soft:#f8faff;--cssa-brand-warm-white:#fffdfa;--cssa-brand-gold:#c69a3a;--cssa-brand-gold-strong:#9a6b18;--cssa-brand-gold-soft:#ead79a;--cssa-text:#17233d;--cssa-text-muted:#5e6b82;--cssa-text-on-brand:#f7f9ff;--cssa-border:#d8e2f1;--cssa-border-strong:#b8c9e3;--cssa-focus:#356fd1;--cssa-success:#16734a;--cssa-success-surface:#edf8f2;--cssa-warning:#875900;--cssa-warning-surface:#fff8e8;--cssa-error:#b42318;--cssa-error-surface:#fff2f0;--cssa-color-white:#fff;--cssa-shadow-color:color-mix(in srgb,var(--cssa-brand-primary) 16%,transparent);--cssa-shadow-soft:0 10px 30px color-mix(in srgb,var(--cssa-brand-primary) 9%,transparent);--cssa-shadow-medium:0 18px 50px var(--cssa-shadow-color);--cssa-radius-sm:10px;--cssa-radius-md:16px;--cssa-radius-lg:24px;--cssa-gradient-brand:linear-gradient(115deg,var(--cssa-brand-navy-deep),var(--cssa-brand-primary) 58%,var(--cssa-brand-royal));--cssa-gradient-brand-interactive:linear-gradient(135deg,var(--cssa-brand-primary),var(--cssa-brand-royal-medium));--cssa-gradient-surface:linear-gradient(145deg,var(--cssa-brand-blue-white),var(--cssa-color-white));--cssa-gradient-surface-soft:linear-gradient(180deg,var(--cssa-brand-blue-white-soft),var(--cssa-color-white));--cssa-gradient-gold:linear-gradient(135deg,var(--cssa-brand-gold-soft),var(--cssa-brand-gold));--cssa-navy:var(--cssa-brand-navy-deep);--cssa-blue:var(--cssa-brand-primary);--cssa-sky:var(--cssa-brand-accent);--cssa-light:var(--cssa-brand-accent-bright);--cssa-gold:var(--cssa-brand-gold);--cssa-gold2:var(--cssa-brand-gold-soft);--cssa-ink:var(--cssa-text);--cssa-muted:var(--cssa-text-muted);--cssa-line:var(--cssa-border);--cssa-white:var(--cssa-color-white);--cssa-danger:var(--cssa-error);--cssa-ok:var(--cssa-success)}.cssa-app-body{margin:0!important;background:var(--cssa-brand-blue-white-soft)!important}.cssa-app-body>*:not(#wpadminbar):not(.cssa-app){max-width:none!important}.cssa-app,.cssa-app *{box-sizing:border-box}.cssa-app{min-height:100vh;width:100%;max-width:none!important;margin:0!important;color:var(--cssa-ink);background:var(--cssa-brand-blue-white-soft);font:16px/1.5 Inter,Arial,sans-serif;overflow-x:hidden}.cssa-app button,.cssa-app input,.cssa-app select{font:inherit}.cssa-app-header{height:82px;padding:10px clamp(16px,4vw,56px);display:flex;align-items:center;gap:24px;background:linear-gradient(115deg,var(--cssa-navy),var(--cssa-blue));color:var(--cssa-color-white);position:sticky;top:0;z-index:30;box-shadow:0 5px 20px color-mix(in srgb,var(--cssa-brand-primary) 18.8%,transparent)}.admin-bar .cssa-app-header{top:32px}.cssa-logo{display:flex;align-items:center;gap:8px;color:var(--cssa-gold2);text-decoration:none;font:700 20px Georgia,serif;white-space:nowrap}.cssa-logo img{width:125px;height:58px;object-fit:contain}.cssa-nav{display:flex;align-items:center;gap:3px;flex:1;justify-content:center}.cssa-nav a,.cssa-project-link{padding:11px 12px;color:var(--cssa-brand-blue-white-soft);text-decoration:none;border-radius:11px;font-weight:700;font-size:14px}.cssa-nav a:hover,.cssa-nav a.active,.cssa-project-link:hover{background:color-mix(in srgb,var(--cssa-color-white) 11%,transparent);color:var(--cssa-gold2)}.cssa-project-link{border:1px solid color-mix(in srgb,var(--cssa-color-white) 26.7%,transparent)}.cssa-menu-toggle{display:none;background:color-mix(in srgb,var(--cssa-color-white) 10.2%,transparent);color:var(--cssa-color-white);border:1px solid color-mix(in srgb,var(--cssa-color-white) 33.3%,transparent);border-radius:10px;min-height:44px;padding:8px 14px}.cssa-main{min-height:70vh}.cssa-hero{padding:clamp(56px,8vw,110px) clamp(18px,6vw,80px);color:var(--cssa-color-white);background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--cssa-border-strong) 60%,transparent),transparent 34%),linear-gradient(145deg,var(--cssa-navy),var(--cssa-blue) 58%,var(--cssa-brand-accent));display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:50px}.cssa-hero-copy{max-width:760px}.cssa-kicker{color:var(--cssa-gold2);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.cssa-hero h1{font:700 clamp(38px,6vw,74px)/1.02 Georgia,serif;color:var(--cssa-gold);margin:.2em 0}.cssa-hero p{font-size:clamp(17px,2vw,22px);max-width:680px}.cssa-hero-art{background:color-mix(in srgb,var(--cssa-color-white) 6.3%,transparent);border:1px solid color-mix(in srgb,var(--cssa-color-white) 14.5%,transparent);border-radius:32px;padding:26px;text-align:center}.cssa-hero-art img{width:min(310px,100%);height:320px;object-fit:contain;filter:drop-shadow(0 18px 18px color-mix(in srgb,var(--cssa-brand-primary) 53.3%,transparent))}.cssa-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.cssa-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--cssa-blue),var(--cssa-sky));color:var(--cssa-color-white)!important;text-decoration:none;font-weight:800;cursor:pointer}.cssa-btn.gold{background:linear-gradient(135deg,var(--cssa-gold2),var(--cssa-gold));color:var(--cssa-ink)!important}.cssa-btn.secondary{background:var(--cssa-color-white);color:var(--cssa-blue)!important;border:1px solid var(--cssa-line)}.cssa-btn.ghost{background:transparent;border:1px solid currentColor;color:var(--cssa-blue)!important}.cssa-section{padding:clamp(42px,6vw,82px) clamp(18px,6vw,80px);max-width:1500px;margin:auto}.cssa-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.cssa-section h2,.cssa-page-title{font:700 clamp(30px,4vw,48px)/1.08 Georgia,serif;color:var(--cssa-blue);margin:0 0 10px}.cssa-category-grid,.cssa-design-grid,.cssa-process-grid,.cssa-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.cssa-category-card,.cssa-design-card,.cssa-process-card,.cssa-project-card,.cssa-calc-card{background:var(--cssa-color-white);border:1px solid var(--cssa-line);border-radius:20px;padding:24px;box-shadow:0 10px 35px color-mix(in srgb,var(--cssa-brand-primary) 4.7%,transparent)}.cssa-category-card{min-height:210px;display:flex;flex-direction:column}.cssa-category-card h3,.cssa-design-card h3{font:700 25px Georgia,serif;margin:9px 0;color:var(--cssa-ink)}.cssa-category-icon{font-size:32px}.cssa-card-link{margin-top:auto;color:var(--cssa-blue);font-weight:800;text-decoration:none}.cssa-design-card{padding:0;overflow:hidden}.cssa-design-card>img{width:100%;height:360px;object-fit:contain;background:linear-gradient(145deg,var(--cssa-brand-blue-white-soft),var(--cssa-color-white));padding:16px}.cssa-design-body{padding:22px}.cssa-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--cssa-muted);font-size:14px}.cssa-pill{background:var(--cssa-brand-blue-white-soft);border-radius:99px;padding:5px 9px}.cssa-library-hero{padding:50px clamp(18px,6vw,80px);background:linear-gradient(135deg,var(--cssa-brand-blue-white-soft),var(--cssa-brand-warm-white))}.cssa-filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.cssa-filters input,.cssa-field input,.cssa-field select{min-height:48px;border:1px solid var(--cssa-border);border-radius:12px;padding:10px 13px;background:var(--cssa-color-white);color:var(--cssa-ink)}.cssa-empty{padding:40px;border:1px dashed var(--cssa-border);border-radius:18px;text-align:center;background:var(--cssa-color-white)}.cssa-detail{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,.8fr);gap:38px}.cssa-detail-preview{background:var(--cssa-color-white);border-radius:24px;padding:22px;text-align:center}.cssa-detail-preview img{max-width:100%;height:min(70vh,720px);object-fit:contain}.cssa-notice{padding:13px 15px;border-radius:12px;background:var(--cssa-brand-warm-white);border-left:4px solid var(--cssa-brand-gold)}.cssa-wizard{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(320px,.9fr);min-height:calc(100vh - 82px)}.cssa-wizard-preview{position:relative;background:linear-gradient(145deg,var(--cssa-brand-blue-white-soft),var(--cssa-color-white));padding:24px;display:grid;place-items:center;overflow:hidden}.cssa-wizard-preview img{max-height:calc(100vh - 145px);max-width:100%;object-fit:contain;transition:transform .25s}.cssa-wizard-preview.mirror img{transform:scaleX(-1)}.cssa-live-text{position:absolute;top:12.5%;left:50%;transform:translateX(-50%);width:52%;text-align:center;color:var(--cssa-error);font:700 clamp(15px,2vw,28px)/1.1 Georgia,serif;text-shadow:0 1px var(--cssa-color-white);overflow-wrap:anywhere}.cssa-live-text.mirror{transform:translateX(-50%) scaleX(1)}.cssa-wizard-panel{background:var(--cssa-color-white);padding:clamp(24px,4vw,50px);overflow:auto}.cssa-step-indicator{color:var(--cssa-muted);font-weight:700}.cssa-field{display:grid;gap:7px;margin:20px 0}.cssa-field label{font-weight:800}.cssa-fit{font-size:14px;color:var(--cssa-muted)}.cssa-fit.warn{color:var(--cssa-warning)}.cssa-option-row{display:flex;gap:10px;flex-wrap:wrap}.cssa-option{border:2px solid var(--cssa-line);background:var(--cssa-color-white);border-radius:12px;padding:11px 14px;cursor:pointer}.cssa-option.active{border-color:var(--cssa-blue);background:var(--cssa-brand-blue-white-soft)}.cssa-calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cssa-calc-result{margin-top:18px;padding:18px;border-radius:14px;background:var(--cssa-success-surface);color:var(--cssa-success)}.cssa-consent{display:flex;gap:10px;align-items:flex-start;padding:14px;background:var(--cssa-brand-warm-white);border-radius:12px}.cssa-consent input{width:20px;height:20px}.cssa-footer{background:var(--cssa-navy);color:var(--cssa-brand-blue-white);padding:35px clamp(18px,6vw,80px);display:flex;align-items:center;gap:25px;flex-wrap:wrap}.cssa-footer img{width:150px;height:58px;object-fit:contain}.cssa-footer p:last-child{margin-left:auto}.cssa-toast{position:fixed;right:20px;bottom:20px;z-index:50;background:var(--cssa-ink);color:var(--cssa-color-white);padding:13px 18px;border-radius:12px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.cssa-toast.show{opacity:1;transform:none}.cssa-coming{display:inline-block;background:var(--cssa-warning-surface);border-radius:99px;padding:4px 9px;font-size:13px;font-weight:800}.cssa-admin-grid,.cssa-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.cssa-admin-grid label{display:grid;gap:6px}.cssa-admin-grid input{width:100%}@media(max-width:1050px){.cssa-nav{position:absolute;display:none;top:100%;left:0;right:0;background:var(--cssa-navy);padding:12px 20px;flex-direction:column;align-items:stretch}.cssa-nav.open{display:flex}.cssa-menu-toggle{display:block;margin-left:auto}.cssa-project-link{display:none}.cssa-hero{grid-template-columns:1fr}.cssa-hero-art{display:none}.cssa-detail,.cssa-wizard{grid-template-columns:1fr}.cssa-wizard-preview{min-height:55vh}.cssa-wizard-preview img{max-height:52vh}}@media(max-width:782px){.admin-bar .cssa-app-header{top:46px}}@media(max-width:640px){.cssa-app-header{height:70px;padding:8px 14px}.cssa-logo img{width:95px;height:48px}.cssa-logo span{display:none}.cssa-hero{padding-top:48px}.cssa-actions{display:grid}.cssa-btn{width:100%}.cssa-design-card>img{height:300px}.cssa-calc-grid{grid-template-columns:1fr}.cssa-section-head{align-items:start;flex-direction:column}.cssa-footer{display:block;text-align:center}.cssa-footer p:last-child{margin-left:0}.cssa-wizard-panel{padding:24px 16px}.cssa-option{flex:1 1 45%}.cssa-app{font-size:16px}}@media(prefers-reduced-motion:reduce){.cssa-app *{scroll-behavior:auto!important;transition:none!important}}
.cssa-kit-buyer{background:linear-gradient(145deg,var(--cssa-brand-warm-white),var(--cssa-brand-blue-white-soft));border:1px solid var(--cssa-brand-blue-white);border-radius:16px;margin:18px 0;padding:18px}.cssa-kit-buyer h2{margin:.2rem 0 .5rem}.cssa-kit-buyer label{display:block;font-weight:600;margin:10px 0}.cssa-kit-buyer select{display:block;margin-top:5px;max-width:100%;width:100%}.cssa-kit-buyer [data-kit-summary] dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px}.cssa-kit-buyer [data-kit-summary] dd{margin:0;text-align:right}@media(max-width:520px){.cssa-kit-buyer{padding:14px}.cssa-kit-buyer [data-kit-summary] dl{grid-template-columns:1fr}.cssa-kit-buyer [data-kit-summary] dd{text-align:left}}

/* CSSA public brand system: shared interaction and semantic states. */
.cssa-app{background:var(--cssa-gradient-surface-soft)}
.cssa-app :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--cssa-focus);outline-offset:2px}
.cssa-app :where(button,input,select,textarea):disabled,.cssa-app [aria-disabled="true"]{cursor:not-allowed;opacity:.56;box-shadow:none}
.cssa-btn{box-shadow:0 8px 20px color-mix(in srgb,var(--cssa-brand-primary) 16%,transparent);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}
.cssa-btn:hover:not(:disabled):not([aria-disabled="true"]){background:var(--cssa-gradient-brand-interactive);box-shadow:0 11px 26px color-mix(in srgb,var(--cssa-brand-primary) 22%,transparent);transform:none}
.cssa-btn.secondary:hover:not(:disabled),.cssa-btn.ghost:hover:not(:disabled){border-color:var(--cssa-brand-accent);background:var(--cssa-brand-blue-white);color:var(--cssa-brand-primary)!important}
.cssa-category-card,.cssa-design-card,.cssa-process-card,.cssa-project-card,.cssa-calc-card{border-color:var(--cssa-border);box-shadow:var(--cssa-shadow-soft)}
.cssa-design-card:hover{transform:none!important;border-color:var(--cssa-border-strong);box-shadow:var(--cssa-shadow-medium)}
.cssa-notice,.cssa-owner-preview-notice{border-color:var(--cssa-brand-gold-soft);background:var(--cssa-warning-surface);color:var(--cssa-warning)}
.cssa-field-message.warn,.cssa-fit.warn,.cssa-feedback-status{color:var(--cssa-warning)}
.cssa-field-message.error,.cssa-error,.cssa-validation-error{color:var(--cssa-error)}
.cssa-coming,.cssa-premium-badge{border-color:var(--cssa-brand-gold-soft);background:color-mix(in srgb,var(--cssa-brand-gold-soft) 38%,var(--cssa-color-white));color:var(--cssa-brand-primary)}
@media(prefers-reduced-motion:reduce){.cssa-app *,.cssa-app *::before,.cssa-app *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}