.fidelity-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:22px}
.fidelity-switch button{height:auto;min-height:64px;padding:10px 8px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#555b66;text-align:left}
.fidelity-switch button b,.fidelity-switch button small{display:block}
.fidelity-switch button b{font-size:10px;line-height:1.25}
.fidelity-switch button small{margin-top:5px;color:#8c9098;font-size:8px;line-height:1.35}
.fidelity-switch button.active{border-color:#6f80aa;background:#f0f3f9;color:#394b72;box-shadow:0 0 0 2px rgba(97,121,173,.12)}
.production-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px;border-radius:11px;background:#ecece8}
#lifeProductionModes[hidden],.recipe-options[hidden],.life-prompt-advisor[hidden],#lifePromptSuggestStatus[hidden],.life-options[hidden],.production-panel[hidden],.life-section[hidden],.life-product-context[hidden]{display:none!important}
.production-switch button{height:34px;padding:0 5px;border-radius:8px;background:transparent;color:#70757d;font-size:9px;line-height:1.2}
.production-switch button.active{background:#fff;color:#33405d;box-shadow:0 2px 8px rgba(18,22,30,.08)}
#lifeProductScope,.life-source-switch{grid-template-columns:repeat(2,minmax(0,1fr))}
.life-source-switch{margin-top:12px}
.production-panel{margin-top:14px}
.production-panel[hidden]{display:none}
.pack-summary{padding:13px;border:1px solid #dcdde1;border-radius:11px;background:#fff}
.pack-summary>p{margin:0 0 10px;color:#656b76;font-size:10px;line-height:1.5}
.pack-scene-list{display:grid;gap:8px}
.pack-scene-card{padding:9px;border:1px solid #d9d9d4;background:#f7f6f2}
.pack-scene-card.selected{border-color:var(--ink);box-shadow:3px 3px 0 var(--pink);background:#fff}
.pack-scene-card>label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;cursor:pointer}
.pack-scene-card input{accent-color:var(--ink)}
.pack-scene-card span{display:flex;flex-direction:column;gap:2px;min-width:0;padding:0;background:none;color:var(--ink)}
.pack-scene-card span b{font-size:10px}
.pack-scene-card span small{color:var(--muted);font-size:7px;letter-spacing:.06em}
.pack-scene-card em{color:var(--muted);font-size:8px;font-style:normal;white-space:nowrap}
.pack-scene-card.selected em{color:#70425a;font-weight:800}
.pack-scene-card textarea{width:100%;box-sizing:border-box;margin-top:8px;padding:8px;border:1px solid #d6d5cf;background:#fff;color:#3e3c38;font:9px/1.5 Inter,system-ui,sans-serif;resize:vertical}
.collection-toolbar{display:flex;align-items:center;gap:8px;margin:10px 0 6px}
.collection-toolbar input{min-width:0;flex:1;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:10px inherit}
.collection-toolbar>div{display:flex;gap:5px}
.collection-toolbar button{height:34px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:9px}
.collection-selection-count{margin:0 0 7px;color:var(--muted);font-size:9px;font-weight:750}
.collection-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:286px;margin:0 0 14px;padding-right:3px;overflow:auto}
.collection-product{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:10px}
.collection-product span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.collection-product input{accent-color:#667cad}
.collection-product small{display:none}
.collection-product.unavailable{opacity:.46}
.collection-empty{grid-column:1/-1;margin:0;padding:18px;border:1px dashed var(--line);color:var(--muted);font-size:10px;text-align:center}
.life-product-context{grid-template-columns:minmax(220px,.72fr) minmax(250px,.92fr) minmax(270px,1.08fr)}
.life-product-image,.reference-board-panel,.style-director-panel{min-height:390px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.reference-board-panel,.style-director-panel{padding:23px}
.reference-board-panel>span,.style-director-panel>span,.scene-ideas-panel span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.14em}
.reference-board-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:16px}
.reference-board-preview p{grid-column:1/-1;margin:15px 0;color:var(--muted);font-size:11px;line-height:1.55}
.reference-board-item{position:relative;overflow:hidden;border-radius:9px;background:#efeee9}
.reference-board-item img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover}
.reference-board-item small{position:absolute;left:5px;right:5px;bottom:5px;padding:3px 5px;border-radius:5px;background:rgba(255,255,255,.88);color:#4f5662;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reference-signal-summary{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.reference-signal-summary p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
.reference-signal-summary dl{margin:0}
.reference-signal-summary dt{margin-top:8px;color:#9398a1;font-size:7px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.reference-signal-summary dd{margin:3px 0 0;color:#515762;font-size:9px;line-height:1.45}
.style-director-panel p{margin:16px 0;color:var(--muted);font-size:11px;line-height:1.55}
.director-mode{margin-top:12px;padding:8px 9px;border-radius:8px;background:#f0f3f9;color:#53678f;font-size:9px;font-weight:750}
.director-group{margin-top:13px}
.director-group b{display:block;color:#8d929b;font-size:7px;letter-spacing:.12em;text-transform:uppercase}
.director-group p{margin:4px 0 0;color:#3f4652;font-size:10px;line-height:1.55}
.director-avoid p{color:#7b675f}
.scene-ideas-panel{margin-top:16px;padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:#fff}
.scene-ideas-panel>div:first-child{display:flex;align-items:center;justify-content:space-between}
.scene-ideas-panel small{color:var(--muted);font-size:8px}
.scene-ideas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}
.scene-idea{padding:10px;border-radius:9px;background:#f5f5f2}
.scene-idea b{display:block;font-size:9px}
.scene-idea small{display:block;margin-top:4px;color:#737983;font-size:8px;line-height:1.4}
.lifestyle-gallery figure{position:relative}
.life-scene-label{display:block;margin-bottom:3px;color:#6275a0;font-size:8px;font-weight:800;letter-spacing:.06em}
body.life-pdp-mode .life-options,body.life-pdp-mode #lifeOpenReferences,body.life-pdp-mode .selected-reference-chips{opacity:.45;pointer-events:none}
body.life-pdp-mode .production-switch{opacity:.5;pointer-events:none}
body.life-pdp-mode #lifeGenerateButton{background:#20242d}
.reference-modal-footer span.reference-warning{color:#a35e4c}
@media(max-width:1320px){.life-product-context{grid-template-columns:repeat(2,minmax(0,1fr))}.style-director-panel{grid-column:1/-1;min-height:0}.scene-ideas{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.life-product-context{grid-template-columns:1fr}.style-director-panel{grid-column:auto}.scene-ideas{grid-template-columns:repeat(2,minmax(0,1fr))}.fidelity-switch{grid-template-columns:1fr}.fidelity-switch button{min-height:48px}}
@media(max-width:520px){.production-switch{grid-template-columns:1fr}.scene-ideas{grid-template-columns:1fr}.collection-toolbar{align-items:stretch;flex-direction:column}.collection-toolbar>div button{flex:1}.collection-products{grid-template-columns:1fr}}

/* Chinese-first UI theme — aligned with DAYMOON Weekly Intelligence Workbench */
:root{
  --ink:#171717;
  --paper:#f7f3ee;
  --white:#f7f3ee;
  --pink:#d77fa5;
  --warm-gray:#d0c8bf;
  --acid:var(--pink);
  --blue:var(--warm-gray);
  --coral:var(--pink);
  --navy:var(--ink);
  --muted:rgba(23,23,23,.62);
  --line:rgba(23,23,23,.24);
  --font-heading:"Inter","Source Han Sans CN","Source Han Sans SC","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --font-body:"Inter","Source Han Sans CN","Source Han Sans SC","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --shadow:5px 5px 0 rgba(23,23,23,.12);
}

html{background:var(--paper);color:var(--ink)}
body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-weight:400}
button,input,select,textarea{font-family:var(--font-body)}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:3px}

.topbar{
  align-items:stretch;
  background:rgba(247,243,238,.96);
  border-bottom:1px solid var(--ink);
  display:grid;
  grid-template-columns:300px minmax(430px,1fr) 230px;
  height:84px;
  padding:0;
}
.brand-lockup{align-items:center;background:var(--ink);color:var(--paper);gap:17px;padding:15px 22px}
.brand-lockup span{font-family:var(--font-body)}
.brand-lockup img{display:block;height:auto;width:145px}
.brand-lockup small{border-left:1px solid rgba(255,255,255,.4);color:var(--paper);font-size:9px;font-weight:700;letter-spacing:.08em;line-height:1.45;padding-left:14px}
.brand-lockup small span{color:rgba(247,243,238,.68);font-size:7px;letter-spacing:.12em}
.module-tabs{align-items:stretch;background:transparent;border-radius:0;gap:0;height:100%;justify-content:center;padding:0}
.module-tab{align-items:center;border-left:1px solid var(--line);border-radius:0;color:var(--ink);display:flex;flex-direction:column;height:100%;justify-content:center;min-width:170px;padding:0 22px;position:relative}
.module-tab:last-child{border-right:1px solid var(--line)}
.module-tab strong{font-size:13px;letter-spacing:.04em}
.module-tab small{display:block;font-size:8px;font-weight:800;letter-spacing:.12em;margin-top:4px;opacity:.62}
.module-tab b{background:var(--ink);border-radius:0;color:var(--paper);font-size:7px;margin:0;padding:3px 5px;position:absolute;right:10px;top:10px}
.module-tab.active{background:var(--pink);box-shadow:none;color:var(--ink)}
.module-tab.active:after{background:var(--ink);bottom:0;content:"";height:5px;left:0;position:absolute;width:100%}
.runtime-badge{font-size:10px;justify-content:center;letter-spacing:.04em;padding:0 18px;text-align:center}
.runtime-badge i{background:var(--pink);box-shadow:0 0 0 4px rgba(215,127,165,.18)}
.runtime-badge.ai-runtime i{background:var(--pink);box-shadow:0 0 0 4px rgba(215,127,165,.18)}

.workspace{grid-template-columns:minmax(390px,470px) minmax(0,1fr);min-height:calc(100vh - 84px)}
.control-panel{background:var(--paper);border-right:1px solid var(--ink);padding:48px 42px 70px}
.preview-panel{padding:44px 3.5vw 80px}
.step-label,.preview-heading>div>span,.package-heading>div>span,.life-preview-top>div>span{color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.08em}
.step-label small,.preview-heading span small,.package-heading span small,.life-preview-top span small,.reference-board-panel>span small,.style-director-panel>span small,.scene-ideas-panel span small,.reference-modal-head span small{color:var(--muted);font-size:7px;letter-spacing:.13em;margin-left:6px}
h1{font-family:var(--font-heading);font-size:43px;font-weight:700;line-height:1.08;margin:16px 0 15px}
.heading-en{color:var(--muted);display:block;font-family:var(--font-body);font-size:8px;font-weight:800;letter-spacing:.14em;line-height:1.4;margin-top:12px}
.intro{color:var(--muted);font-size:14px;font-weight:400;line-height:1.75;margin-bottom:30px}
.field{gap:7px}
.field>span{color:var(--ink);font-size:12px;font-weight:750;letter-spacing:.01em}
.field>span small{color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.1em;margin-left:5px}
.field input,.field select{background:var(--paper);border:1px solid var(--ink);border-radius:0;color:var(--ink);height:48px}
.field input:focus,.field select:focus{border-color:var(--ink);box-shadow:4px 4px 0 var(--pink)}
.divider{color:var(--muted)}
.divider:before,.divider:after{background:var(--ink);opacity:.24}
.upload-box{background:var(--paper);border:1px dashed var(--ink);border-radius:0}
.upload-box:hover{background:rgba(215,127,165,.13);border-color:var(--ink)}
.upload-box em{color:var(--ink)}
.check-row{color:var(--ink)}
.secondary,.primary,.save-full,.reference-picker-button,.manual-reference-upload{border:1px solid var(--ink);border-radius:0}
.secondary{background:var(--warm-gray);color:var(--ink)}
.primary,.save-full{background:var(--ink);box-shadow:5px 5px 0 var(--pink);color:var(--paper)}
.primary:disabled,.save-full:disabled{background:var(--warm-gray);box-shadow:none;color:var(--muted)}
.status{background:var(--warm-gray);border:1px solid var(--ink);border-radius:0;color:var(--ink)}
.status.error{background:#f1d4cd;color:#742e25}
.status.success{background:#d7e2d2;color:#244f2a}
.preview-heading h2,.package-heading h2,.life-preview-top h2,.reference-modal-head h2{font-family:var(--font-heading);font-weight:700}
.preview-frame,.gallery figure,.life-product-image,.reference-board-panel,.style-director-panel,.scene-ideas-panel,.profile-card,.life-options,.scene-spec-panel,.life-history article,.pack-summary{background:var(--paper);border:1px solid var(--ink);border-radius:0;box-shadow:none}
.preview-frame{box-shadow:8px 8px 0 var(--warm-gray)}
.preview-heading-actions{display:flex;align-items:center;gap:18px}
.template-archive-open{height:38px;padding:0 13px;background:var(--paper);border:1px solid var(--ink);border-radius:0;color:var(--ink);font-size:10px;letter-spacing:.04em}
.all-products-refresh{display:grid;gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid var(--ink)}
.all-products-refresh button{height:38px;font-size:10px;font-weight:700}
.all-products-refresh small{color:var(--muted);font-size:9px;line-height:1.45}
.package-heading a{background:var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--pink);color:var(--paper)}
.empty-gallery{border:1px dashed var(--ink);border-radius:0}
.image-modal,.reference-modal{background:var(--paper);border:1px solid var(--ink);border-radius:0}
.modal-close{background:var(--ink);border:1px solid var(--paper);border-radius:0}
.template-archive-modal{width:min(1120px,94vw);height:min(820px,92vh);padding:0;border:1px solid var(--ink);border-radius:0;background:var(--paper);box-shadow:16px 16px 0 rgba(20,24,33,.22)}
.template-archive-modal::backdrop{background:rgba(13,17,26,.72);backdrop-filter:blur(5px)}
.template-archive-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;padding:26px 30px 22px;background:var(--paper);border-bottom:1px solid var(--ink)}
.template-archive-head>div>span{font-size:10px;font-weight:800;letter-spacing:.13em}
.template-archive-head h2{margin:7px 0 6px;font:700 30px var(--font-heading)}
.template-archive-head p{max-width:680px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.template-archive-head .modal-close{position:static;flex:0 0 42px}
.template-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px 30px 40px}
.template-archive-grid>p{grid-column:1/-1;padding:36px;border:1px dashed var(--ink);text-align:center;color:var(--muted)}
.template-archive-card{display:grid;grid-template-rows:auto 1fr auto;border:1px solid var(--ink);background:var(--paper)}
.template-archive-card.retired{box-shadow:5px 5px 0 var(--pink)}
.template-archive-preview{display:grid;place-items:center;aspect-ratio:1.35;background:var(--warm-gray);border-bottom:1px solid var(--ink);overflow:hidden}
.template-archive-preview img{display:block;width:100%;height:100%;object-fit:contain}
.template-archive-preview span{font:700 30px var(--font-heading);color:var(--muted)}
.template-archive-copy{display:grid;gap:5px;padding:13px}
.template-archive-copy small{color:var(--muted);font-size:8px;letter-spacing:.06em}
.template-archive-copy b{font-size:12px}
.template-archive-copy code{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.template-archive-card button{height:36px;margin:0 13px 13px;font-size:9px}

.lifestyle-controls{padding-top:42px}
.life-section{border-top:1px solid var(--ink)}
.life-section-title{align-items:flex-start}
.life-section-title>span{background:var(--pink);border:1px solid var(--ink);border-radius:0;color:var(--ink);font-size:9px}
.life-section-title>b{font-size:13px;letter-spacing:.02em;line-height:1.25}
.life-section-title>b small{color:var(--muted);display:block;font-size:7px;letter-spacing:.12em;margin-top:3px}
.life-section-title>em{font-size:9px;line-height:1.45;text-align:right}
.fidelity-switch{gap:0}
.fidelity-switch button{background:var(--paper);border:1px solid var(--ink);border-radius:0;color:var(--ink);margin-left:-1px;min-height:67px}
.fidelity-switch button:first-child{margin-left:0}
.fidelity-switch button b{font-size:11px}
.fidelity-switch button small{color:var(--muted);font-size:7px;letter-spacing:.08em}
.fidelity-switch button.active{background:var(--pink);border-color:var(--ink);box-shadow:inset 0 -4px 0 var(--ink);color:var(--ink)}
.profile-card{padding:16px}
.profile-card>span,.profile-card-head span{color:var(--ink);font-size:11px}
.profile-card-head span small{color:var(--muted);font-size:7px;margin-left:5px}
.profile-card-head em{background:var(--warm-gray);border:1px solid var(--ink);border-radius:0;color:var(--ink)}
.profile-swatches i{border:2px solid var(--paper);border-radius:0;box-shadow:0 0 0 1px var(--ink)}
.production-switch{background:var(--warm-gray);border:1px solid var(--ink);border-radius:0;gap:0;padding:0}
.production-switch button{border-radius:0;color:var(--ink);height:54px;padding:7px}
.production-switch button+button{border-left:1px solid var(--ink)}
.production-switch button strong,.production-switch button small{display:block}
.production-switch button strong{font-size:10px}
.production-switch button small{font-size:6px;letter-spacing:.08em;margin-top:3px;opacity:.6}
.production-switch button.active{background:var(--pink);box-shadow:inset 0 -4px 0 var(--ink);color:var(--ink)}
.recipe-option span{background:var(--paper);border:1px solid var(--ink);border-radius:0}
.recipe-option b{font-size:12px}
.recipe-option b small{color:var(--muted);font-size:7px;margin-left:5px}
.recipe-option em{color:var(--muted);font-size:10px;font-style:normal;line-height:1.5}
.recipe-option input:checked+span{background:rgba(215,127,165,.18);border-color:var(--ink);box-shadow:4px 4px 0 var(--pink)}
.pack-summary>p b small{color:var(--muted);display:block;font-size:7px;letter-spacing:.09em;margin-top:3px}
.selected-reference-chips button,.director-mode,.scene-idea{background:var(--warm-gray);border-radius:0;color:var(--ink)}
.life-selected-reference-board:has(#lifeReferenceBoard:empty){display:none}
.life-reference-thumb{position:relative;width:100%;height:auto;padding:0;border:1px solid var(--ink);background:var(--paper)}
.life-reference-thumb img{display:block;width:100%;max-height:360px;object-fit:contain}.life-reference-thumb b{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:25px;height:25px;background:var(--ink);color:#fff;font-size:15px}
.reference-picker-button{background:rgba(215,127,165,.15);color:var(--ink);font-size:12px}
.life-options{background:var(--warm-gray)}
.life-options summary{color:var(--ink);font-size:12px}
.life-options summary small{display:block;font-size:7px;letter-spacing:.1em;margin-top:3px}
.quick-note{color:var(--muted);font-size:10px}
.provider-pill{background:var(--warm-gray);border:1px solid var(--ink);border-radius:0;color:var(--ink)}
.provider-control{display:grid;grid-template-columns:auto auto;gap:5px 10px;min-width:245px;padding:10px 12px;border:1px solid var(--ink);background:var(--paper)}
.provider-control>label{align-self:center;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.12em}
.provider-name{min-width:170px;border-bottom:1px solid var(--ink);color:var(--ink);font-size:11px;font-weight:800;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.provider-quota{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;padding-top:6px;border-top:1px solid var(--line)}
.provider-quota strong{font:700 20px/1 var(--font-body)}
.provider-quota small{color:var(--muted);font-size:8px}
.provider-quota.quota-warning strong,.provider-quota.quota-warning small{color:#b0473c}
.reference-board-panel>span,.style-director-panel>span,.scene-ideas-panel>div:first-child>span{color:var(--ink);font-size:10px}
.reference-board-item,.reference-board-item small{border-radius:0}
.reference-signal-summary{border-top:1px solid var(--ink)}
.director-mode{border-left:4px solid var(--pink)}
.director-group b{color:var(--ink);font-size:9px}
.director-group b small{color:var(--muted);font-size:7px;margin-left:4px}
.scene-ideas-panel{box-shadow:5px 5px 0 var(--warm-gray)}
.scene-idea{border:1px solid transparent}
.scene-idea b{font-size:10px}
.scene-spec-panel pre{background:var(--ink);color:var(--paper)}
.life-history em{text-transform:none}
.reference-modal-head{background:var(--paper);border-bottom:1px solid var(--ink)}
.reference-modal-head span{color:var(--ink)}
.manual-reference-upload{background:var(--paper);color:var(--ink)}
.reference-card{background:var(--paper);border:1px solid var(--ink);border-radius:0}
.reference-card.selected{border-color:var(--ink);box-shadow:5px 5px 0 var(--pink)}
.reference-check{background:var(--pink);border:1px solid var(--ink);border-radius:0;color:var(--ink)}
.reference-modal-footer{background:rgba(247,243,238,.95);border-top:1px solid var(--ink)}

@media(max-width:1100px){
  .topbar{grid-template-columns:270px minmax(390px,1fr) 1px}
  .runtime-badge{overflow:hidden;padding:0;width:1px}
  .module-tabs{position:static;transform:none}
  .module-tab{min-width:145px;padding:0 14px}
}
@media(max-width:780px){.preview-heading-actions{align-items:flex-end;gap:9px}.template-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.template-archive-head{padding:22px 20px}}
@media(max-width:520px){.template-archive-grid{grid-template-columns:1fr}.template-archive-open{height:34px;padding:0 8px;font-size:9px}}
@media(max-width:780px){
  .topbar{display:flex;height:142px;padding:0}
  .brand-lockup{height:70px;width:100%}
  .brand-lockup img{width:132px}
  .module-tabs{bottom:0;height:72px;left:0;position:absolute;top:auto;transform:none;width:100%}
  .module-tab{flex:1;min-width:0}
  .workspace{min-height:calc(100vh - 142px)}
  .control-panel{padding:38px 22px}
  .preview-panel{padding:34px 18px 64px}
  h1{font-size:37px}
}

.pack-summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;color:#656b76;font-size:10px;line-height:1.5}
.pack-summary-header small{color:var(--muted);display:block;font-size:7px;letter-spacing:.09em;margin-top:3px}
.pack-summary-header button{flex-shrink:0;margin:0;padding:5px 12px;font-size:10px;line-height:1.5}