*{box-sizing:border-box} :root{--ink:#172638;--muted:#74808b;--orange:#e97742;--line:#e4e7e9;--canvas:#f6f5f1;--navy:#142536}body{margin:0;color:var(--ink);background:var(--canvas);font:14px Inter,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #df865b;outline-offset:3px}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:16px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}.sidebar{width:245px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:34px 22px 20px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;letter-spacing:2px}.brand-symbol{font-size:47px;line-height:1;font-weight:800;letter-spacing:-7px;padding-right:6px}.brand-symbol>span{color:var(--orange)}.brand-sub{display:block;font-size:8px;letter-spacing:2px;font-weight:500;margin-top:-2px}.workspace-label{font-size:9px;letter-spacing:1.8px;color:#8394a4;margin:56px 12px 15px}.nav-item{display:flex;align-items:center;gap:13px;border-radius:8px;padding:14px 12px;color:#c5ced6;font-size:12px;margin-bottom:6px}.nav-item>span{font-size:20px}.nav-item.active{background:#30404d;color:white}.nav-item.active:before{content:'';width:3px;height:22px;background:var(--orange);border-radius:2px;margin-left:-12px}.nav-item:hover{background:#253747}.sidebar-note{margin:auto 10px 28px;padding-top:80px;font-size:11px;color:#d6dfe6}.sidebar-note p{color:#8e9ca9;line-height:1.7}.status-dot{display:inline-block;width:6px;height:6px;background:#8ac7ae;border-radius:100%;margin-right:6px}.version{font-size:8px;letter-spacing:1.5px;color:#8093a3}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #33424f;padding-top:20px;font-size:11px}.profile strong{display:block;max-width:125px;overflow-wrap:anywhere}.profile small{color:#8e9ca9}.profile form{margin-left:auto}.avatar{width:33px;height:33px;flex-shrink:0;border-radius:50%;background:#e4ddd0;color:#263442;display:grid;place-items:center;font-weight:700}.logout{border:0;background:none;color:#d2dbe1;font-size:23px}.main{margin-left:245px;max-width:1600px;padding:42px 44px 50px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:16px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#7e8992}h1{font-size:32px;letter-spacing:-1.2px;line-height:1.2;margin:9px 0 10px}h2{font-size:15px;margin:0 0 3px;letter-spacing:-.2px}p{margin:7px 0}.orange{color:var(--orange)}.muted{color:var(--muted);font-size:12px}.pill{font-size:9px;letter-spacing:1.1px;background:#ecece7;border:1px solid #dfdfd8;padding:8px 12px;border-radius:30px;white-space:nowrap;color:#607069}.notice{border-radius:7px;padding:12px 16px;margin-bottom:24px;font-size:12px}.notice.subtle{background:#eeeae1;color:#796b51;border-left:3px solid #cbb88a}.notice.success{background:#e6f5ed;color:#216f4a}.notice.error{background:#fff0ec;color:#a43622}.notice ul{margin:7px 0 0;padding-left:18px}.work-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:24px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:26px;box-shadow:0 2px 3px #17263803}.section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}.section-title p{font-size:11px;color:var(--muted);margin:0}.step{height:29px;min-width:29px;display:grid;place-items:center;background:#f4f3ef;border:1px solid #e7e5dd;border-radius:7px;font-size:11px;font-weight:600;color:#93866d}.separated{border-top:1px solid #eceeed;padding-top:23px;margin-top:24px}.product-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.product-option{position:relative;display:flex!important;flex-direction:column;padding:16px;border:1px solid #dfe4e7;border-radius:8px;cursor:pointer;background:#fff}.product-option:has(input:checked){border-color:var(--orange);background:#fffaf6;box-shadow:0 0 0 1px var(--orange)}.product-option input{position:absolute;right:14px;top:16px;width:14px!important;min-height:14px!important;accent-color:var(--orange);margin:0!important}.product-icon{font-size:28px;line-height:1.3;font-weight:700;margin-bottom:10px}.foil-icon{font-size:36px;line-height:1}.product-option strong{font-size:12px}.product-option small{font-size:9px;color:var(--muted);margin-top:3px}label{display:block;font-size:11px;font-weight:600;margin-bottom:7px}label>span{color:#929ba3;font-size:10px;font-weight:400}input:not([type=radio]):not([type=checkbox]),select{width:100%;min-height:43px;border:1px solid #dfe4e7;border-radius:6px;padding:10px 12px;color:var(--ink);background:#fff;box-shadow:0 1px 2px #00000002;margin-bottom:16px;font-size:12px}input::placeholder{color:#a2aab2}input[type=file]{font-size:11px!important;padding:9px!important}input[type=file]::file-selector-button{border:0;background:#eef0f2;border-radius:4px;padding:6px;font:inherit;margin-right:10px}.fields{display:grid;gap:14px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field-help{font-size:10px;color:#89929a;margin:-4px 0 16px;line-height:1.7}.checks{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 20px}.checks label{display:flex;gap:7px;align-items:center;font-weight:400}.checks input{accent-color:var(--orange)}.button{border:1px solid transparent;min-height:42px;border-radius:6px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:11px;font-weight:600}.button.primary{background:var(--orange);color:#fff;box-shadow:0 2px 3px #c9572320}.button.primary:hover{background:#d86835}.button.secondary{border-color:#dce2e5;background:white;color:var(--ink)}.button.secondary:hover{background:#f6f7f7}.button.compact{min-height:36px;padding:8px 12px;font-size:10px}.form-bottom{border-top:1px solid #eceeed;padding-top:20px;margin-top:4px;display:flex;flex-direction:column;align-items:flex-end}.form-bottom .field-help{text-align:left;align-self:stretch}.preview-card{background:#eae8e1;border:1px solid #deddd5;border-radius:12px;overflow:hidden;padding:21px}.preview-heading{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.8px;color:#8b8d84;font-weight:600}.preview-dot{height:5px;width:5px;background:#a6b1a1;border-radius:50%}.design-stage{height:175px;display:flex;align-items:center;justify-content:center;text-align:center;background-image:radial-gradient(#c3c3b7 .7px,transparent .7px);background-size:16px 16px;margin-top:14px;overflow:hidden;padding:8px}.design-stage #design-preview{font-size:clamp(20px,2.9vw,42px);font-weight:700;color:#334535;text-shadow:1px 2px #d2d2c7;overflow-wrap:anywhere;line-height:1.2}.design-stage #preview-file{font-size:13px;overflow-wrap:anywhere}.preview-dimensions{display:flex;justify-content:space-between;border-top:1px solid #d6d7cf;padding-top:13px;font-size:10px;color:#737c72}.preview-card>p{font-size:9px;color:#8a8e84;margin-top:12px}.estimate{margin-top:20px}.price{font-size:35px;letter-spacing:-1.3px;font-weight:700;margin-top:14px}.price>span,.empty-price>span{font-size:20px;color:#a4aab0;font-weight:400}.empty-price{font-size:44px;margin:14px 0 5px;color:#b6bdc2}.price-lines{border-top:1px solid var(--line);margin-top:20px;padding-top:9px}.price-lines>div{display:flex;justify-content:space-between;gap:16px;font-size:10px;padding:8px 0}.price-lines span{color:var(--muted)}.price-lines strong{white-space:nowrap}.estimate-footer{display:flex;gap:9px;font-size:10px;line-height:1.7;color:#869099;border-top:1px solid var(--line);padding-top:15px;margin-top:22px}.estimate-warning{font-size:10px;color:#99682b;background:#fbf5e8;border-radius:4px;padding:9px}.studio-note{display:flex;gap:12px;padding:24px 10px;color:#76817d;font-size:11px}.studio-note>span{font-size:26px;color:#9fa99d}.studio-note strong{font-size:11px;color:#56635c}.studio-note p{font-size:10px;line-height:1.7}.history{margin-top:28px}.history-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.history-heading h2{margin-top:5px}.count{font-size:10px;color:#8d979f}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-size:9px;font-weight:500;letter-spacing:.3px;color:#89939c;padding:11px 10px;background:#fafafa;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 10px;border-bottom:1px solid #eef0f1;white-space:nowrap}td small{display:block;color:#9aa3aa;font-size:9px;margin-top:4px}.align-right{text-align:right}.status-badge{display:inline-block;border:1px solid #e8e3d6;background:#faf7ee;color:#9a8152;font-size:9px;padding:4px 8px;border-radius:30px}.empty-state{text-align:center;white-space:normal;color:#929ba4;padding:32px}.admin-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:24px;align-items:start}.user-list{margin-top:24px}.user-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.user-row small{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.user-row>div{min-width:0}.status-form{display:flex;gap:8px;align-items:center}.status-form select{margin-bottom:0;min-height:36px;padding:8px;font-size:10px}.login-main{min-height:100vh;background:radial-gradient(ellipse at 50% 10%,#fff 0,#f6f5f1 65%);padding:45px 20px}.login-main>.notice{max-width:460px;margin:0 auto 20px}.login-wrap{max-width:420px;margin:4vh auto}.login-brand{justify-content:center;margin-bottom:35px}.login-card{background:white;padding:35px;border:1px solid #e3e5e6;border-radius:12px;box-shadow:0 12px 50px #1b29320a}.login-card h1{font-size:25px;letter-spacing:-.8px;margin:12px 0}.login-card .muted{line-height:1.8}.login-form{margin-top:28px}.login-form label{font-size:11px}.login-form .button{width:100%;justify-content:space-between;margin-top:8px}.login-help{font-size:10px;color:#92999e;text-align:center;border-top:1px solid var(--line);padding-top:20px;margin-top:23px;line-height:1.8}.login-footer{text-align:center;color:#818b91;font-size:8px;letter-spacing:1.5px;margin-top:28px}.login-footer span{color:#d2b59c;margin:0 8px}.demo-caption{text-align:center;font-size:9px;color:#a7aeb2;margin-top:12px}@media(min-width:1600px){.main{margin-right:auto}.work-grid{grid-template-columns:minmax(0,1.9fr) minmax(320px,1fr)}}@media(max-width:1150px){.sidebar{width:210px;padding-left:17px;padding-right:17px}.main{margin-left:210px;padding:30px 25px}.work-grid{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.card{padding:21px}.fields.three{gap:9px}.product-option{padding:13px}.product-option small{font-size:8px}}@media(max-width:900px){.sidebar{width:185px;padding-left:14px;padding-right:14px}.main{margin-left:185px;padding:27px 20px}.brand{font-size:21px}.brand-sub{font-size:7px}.nav-item{font-size:10px}.work-grid{grid-template-columns:1fr}.preview-column{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.estimate{margin-top:0}.studio-note{grid-column:1/-1;padding:5px}.design-stage{height:160px}.design-stage #design-preview{font-size:28px}.admin-grid{grid-template-columns:1fr}h1{font-size:28px}}@media(max-width:640px){.sidebar{position:static;width:100%;padding:17px 20px;display:block}.brand{font-size:20px;gap:8px}.brand-symbol{font-size:37px}.workspace-label,.sidebar-note,.profile{display:none}.sidebar nav{display:flex;gap:8px;margin-top:18px}.nav-item{padding:7px 10px;margin:0;font-size:10px}.nav-item>span{font-size:16px}.nav-item.active:before{display:none}.main{margin:0;padding:25px 16px}.page-header{align-items:flex-start;gap:8px}.page-header h1{font-size:27px}.page-header p{font-size:11px}.pill{font-size:7px;padding:6px 7px;margin-top:3px}.eyebrow{font-size:8px}.notice{font-size:10px;margin-bottom:18px}.card{padding:20px 17px;border-radius:9px}.product-options{gap:10px}.product-option small{font-size:8px}.preview-column{grid-template-columns:1fr}.studio-note{grid-column:auto}.preview-card{padding:20px}.design-stage{height:150px}.design-stage #design-preview{font-size:36px}.fields.three{gap:8px}.fields.three label{font-size:10px}input:not([type=radio]):not([type=checkbox]),select{font-size:13px;padding:10px 9px}.form-bottom .button{width:100%;justify-content:space-between}.history{padding:20px 14px}.fields.two{gap:12px}.login-card{padding:28px 23px}.login-main{padding-top:25px}.login-wrap{margin-top:3vh}.login-card h1{font-size:24px}.login-brand{margin-bottom:25px}.status-form{min-width:210px}.admin-grid .fields.two{grid-template-columns:1fr 1fr}}

@media(max-width:640px){.profile{display:flex;margin-top:15px;padding-top:12px}.profile strong{max-width:none}.profile small{display:block}.profile .avatar{width:27px;height:27px}.profile form{margin-left:auto}}.pricing-factors{margin-top:28px}.pricing-factors summary{font-size:15px;font-weight:700;cursor:pointer;padding:2px 0}.pricing-factors summary:focus-visible{outline:3px solid #df865b;outline-offset:4px}.factor-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:22px 0 18px}.factor-grid p{font-size:12px;color:#65717b;line-height:1.8}.pricing-factors>.field-help{font-size:11px}@media(max-width:640px){.factor-grid{grid-template-columns:1fr;gap:16px}}
/* Production guide and review notes */
dt{margin-top:20px}dd{margin:8px 0 22px;color:#657078;line-height:1.7}textarea{display:block;width:100%;padding:12px;border:1px solid #dce1e3;border-radius:8px;background:#fff;color:#182c38;font:inherit;margin:8px 0 18px;resize:vertical}.card>p{line-height:1.7}

.production-plan{margin-top:24px}.production-plan h2{margin:8px 0}.production-plan h3{font-size:12px;margin:22px 0 10px}.plan-facts{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;margin:18px 0}.plan-facts dt,.plan-facts dd{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.plan-facts dt{color:#65717b;padding-right:12px}.plan-facts dd{margin:0;font-weight:600;text-align:right}.plan-checks{padding-left:20px;margin:0 0 18px;color:#635642;font-size:12px}.plan-checks li{margin:9px 0;padding-left:3px}.production-plan>.field-help{margin:12px 0 0}

.catalog-manager>h2{margin:8px 0}.catalog-group{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.catalog-group>summary{font-weight:700;cursor:pointer}.catalog-profiles{margin:16px 0}.catalog-profile{border:1px solid var(--line);border-radius:8px;margin:10px 0;padding:14px}.catalog-profile>summary{cursor:pointer;font-size:12px}.catalog-profile>summary .status-badge{margin-left:8px}.catalog-form{margin-top:18px}.catalog-checkbox{display:flex;align-items:center;gap:8px;margin:12px 0 18px}

.sheet-preview{display:block;background:#fff;border:1px solid #b7bfc4;width:100%;max-width:680px;max-height:320px;margin:12px 0 18px}

.recipe-snapshot{font-weight:400;margin-top:8px;text-align:left}.recipe-snapshot>summary{cursor:pointer;font-size:10px}.recipe-snapshot dl{display:block}.recipe-snapshot dt,.recipe-snapshot dd{border:0;padding:4px 0;font-size:10px;text-align:left}.recipe-snapshot dd{font-weight:600;margin-bottom:7px}
.guide-open{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit}.sidebar .guide-open{font-size:12px}.onboarding{width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid var(--line);border-radius:20px;padding:28px;color:var(--ink);box-shadow:0 24px 80px #14253644;overflow:auto}.onboarding::backdrop{background:#14253699}.guide-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1px}.guide-close{background:none;border:0;font-size:28px;cursor:pointer;color:var(--ink);padding:0 8px}.guide-progress{display:flex;gap:6px;margin:20px 0}.guide-progress span{height:4px;flex:1;border-radius:4px;background:var(--line)}.guide-progress .done{background:var(--orange)}.guide-counter{color:var(--muted);font-size:12px}.onboarding h2{font-size:27px;line-height:1.25;margin:16px 0}.onboarding #guide-description{line-height:1.65;color:#536172}.onboarding ul{list-style:none;padding:0;margin:22px 0}.onboarding li{position:relative;padding:12px 12px 12px 34px;background:var(--canvas);border-radius:8px;margin:8px 0;line-height:1.5}.onboarding li::before{content:'✓';position:absolute;left:12px;color:#b9582c}.guide-actions{display:flex;align-items:center;gap:10px;margin-top:24px}.guide-actions .primary{margin-left:auto}.guide-actions button:disabled{opacity:.4;cursor:default}.guide-skip{border:0;background:none;color:#536172;cursor:pointer;font:inherit;font-size:12px}.guide-footnote{font-size:11px;color:var(--muted);margin:18px 0 0;line-height:1.5}@media(max-width:640px){.sidebar nav{flex-wrap:wrap}.sidebar .guide-open{width:auto}.onboarding{padding:20px}.onboarding h2{font-size:23px}.guide-actions{gap:6px}.guide-actions .button{padding:10px 12px}}