.secondary { background: #fff; color: var(--ink); border: 1px solid var(--line); }
.studio-layout>.card{box-shadow:0 12px 34px #18233b0b}.studio-layout>.card:first-child{border-top:3px solid var(--gold)}.preview-card{border-top:3px solid var(--ink)!important}.subtabs button,.studio-layout button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.subtabs button:hover,.studio-layout button:hover{transform:translateY(-1px);box-shadow:0 7px 16px #18233b18}details{border-top:1px solid var(--line);padding-top:12px;margin-top:16px}details summary{cursor:pointer;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid #a87e3140;border-color:var(--gold)}
.danger-button { background: #fff; color: var(--danger); border: 1px solid #e7c5c5; padding: 8px 11px; }
.subtabs { display: flex; flex-wrap: wrap; gap: 8px; }
.subtabs button { background: #fff; color: var(--ink); border: 1px solid var(--line); }
.subtabs button.active { background: var(--ink); color: #fff; border-color: var(--ink); }
.three { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.ingredient-editor { border: 1px solid var(--line); border-radius: 10px; padding: 12px; margin: 14px 0; }
.ingredient-head, .ingredient-row { display: grid; grid-template-columns: minmax(150px, 2fr) minmax(100px, .8fr) auto; gap: 8px; align-items: center; margin-bottom: 8px; }
.production-row { display: grid; grid-template-columns: 1.5fr 1.5fr 1.3fr .45fr auto; gap: 8px; align-items: center; margin: 8px 0; }
.studio-layout { display: grid; grid-template-columns: minmax(420px, 1fr) minmax(340px, 1fr); gap: 16px; align-items: start; }
.preview-card { position: sticky; top: 16px; }
#label-live-preview { width: 100%; min-height: 620px; border: 1px solid var(--line); background: #eee; }
@media (max-width: 800px) {
  .three { grid-template-columns: 1fr; }
  .production-row { grid-template-columns: 1fr; border-bottom: 1px solid var(--line); padding-bottom: 12px; }
  .studio-layout { grid-template-columns: 1fr; }
  .preview-card { position: static; }
}
.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.preset-line{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;gap:10px;align-items:end}.preset-line label{margin:0}.production-table input,.production-table select{min-width:105px}.production-table td:first-child input{min-width:170px}.production-table td:nth-child(2) select{min-width:210px}.studio-layout.wide{grid-template-columns:minmax(720px,1.5fr) minmax(360px,1fr)}.studio-modal{position:fixed;inset:0;background:#0b1422cc;z-index:1000;display:grid;place-items:center;padding:20px}.studio-dialog{background:#fff;width:min(1100px,96vw);max-height:94vh;overflow:auto;border-radius:16px;padding:22px;box-shadow:0 30px 80px #0008}.studio-tools{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:12px 0}.studio-tools label{display:flex;gap:6px;align-items:center;margin:0}.studio-tools input{width:120px}.buttonlike{background:#1b2a4a;color:#fff;border-radius:8px;padding:10px 14px;cursor:pointer}.studio-stage{position:relative;max-width:90%;max-height:64vh;margin:16px auto;background:#fff;border:2px solid #222;box-shadow:0 8px 30px #0003;overflow:hidden}.studio-base{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;z-index:0}.design-item{position:absolute;cursor:move;user-select:none;object-fit:contain;white-space:pre-wrap;overflow:hidden;z-index:2}.design-item.selected{outline:2px solid #b38b36;outline-offset:2px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}.folder-card{border:1px solid #ded8cc;border-radius:10px;padding:14px;background:#faf8f3}.folder-card div{margin-top:12px}.folder-filter{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.folder-filter button{padding:7px 11px}.folder-filter button.active{background:#b38b36}pre{white-space:pre-wrap;max-height:360px;overflow:auto;background:#f7f5ef;padding:12px;border-radius:8px}.buttonlink{display:inline-block;padding:7px 10px;border-radius:7px;background:#1b2a4a;color:#fff;text-decoration:none;font-size:.9rem}.checkline{display:flex!important;align-items:center;gap:8px}.checkline input{width:auto}
@media(max-width:1050px){.studio-layout.wide{grid-template-columns:1fr}.four{grid-template-columns:repeat(2,1fr)}.preset-line{grid-template-columns:1fr}.production-table{min-width:980px}}
@media(max-width:1250px){.studio-layout,.studio-layout.wide{grid-template-columns:minmax(0,1fr)}.preview-card{position:static}.preset-line{grid-template-columns:minmax(220px,1fr) auto auto}#label-live-preview{min-height:520px}}
@media(max-width:700px){.four,.two,.three{grid-template-columns:1fr}.preset-line{grid-template-columns:1fr}.studio-dialog{padding:14px}.studio-tools{align-items:stretch}.studio-tools>*{width:100%}}

/* Genesis 0.4 — object-based label studio */
.studio-v14{padding:10px}.studio-v14 .studio-workspace{width:min(1580px,99vw);height:min(960px,calc(100dvh - 20px));max-height:calc(100dvh - 20px);overflow:hidden;padding:0;display:flex;flex-direction:column}.studio-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-bottom:1px solid var(--line);background:#fff;flex:0 0 auto}.studio-header h2{margin:0}.studio-header .toolbar{justify-content:flex-end;flex-wrap:wrap}.studio-header input{width:170px}.studio-header select{width:190px}.studio-x{font-size:24px;line-height:1;padding:6px 10px;background:#fff;color:var(--ink);border:1px solid var(--line)}.studio-body{display:grid;grid-template-columns:220px minmax(420px,1fr) 320px;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;flex:1 1 auto;background:#ece9e1}.studio-layers,.studio-inspector{background:#fff;padding:16px;min-width:0;min-height:0;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;box-sizing:border-box}.studio-layers{border-right:1px solid var(--line)}.studio-inspector{border-left:1px solid var(--line)}.studio-inspector-head{position:sticky;top:-16px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-16px -16px 10px;padding:16px;background:#fff;border-bottom:1px solid var(--line)}.studio-inspector-head h3{margin:0}.studio-inspector-head button{white-space:nowrap}.studio-inspector-form{padding-bottom:28px}.studio-layer-row{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:5px;align-items:stretch;margin-bottom:7px}.studio-layer{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:center;text-align:left;background:#fff;color:var(--ink);border:1px solid var(--line);margin:0;padding:9px;min-width:0}.studio-layer b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-layer.active{border-color:var(--gold);box-shadow:inset 3px 0 var(--gold);background:#faf5e9}.studio-layer small{color:var(--muted);font-size:9px;text-transform:uppercase}.studio-layer-delete{display:grid;place-items:center;min-width:32px;padding:0;border:1px solid #e7c5c5;background:#fff;color:var(--danger);font-size:20px;line-height:1}.studio-layer-delete:hover{background:#fff4f4}.studio-add{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.studio-add>*{text-align:center}.studio-canvas-wrap{display:grid;place-items:center;align-content:center;min-width:0;min-height:0;padding:28px;overflow:auto}.studio-canvas{position:relative;width:min(720px,90%);max-height:72vh;background:#fff;border:.35mm solid #a78643;box-shadow:0 20px 50px #10182838;touch-action:none;overflow:hidden}.studio-inner-frame{position:absolute;inset:2.2%;border:.22mm solid #a78643;pointer-events:none;z-index:0}.studio-element{position:absolute;user-select:none;touch-action:none;cursor:move;box-sizing:border-box;overflow:visible}.studio-element>span{display:block;width:100%;max-height:100%;overflow:hidden;white-space:pre-wrap}.studio-element>img{width:100%;height:100%;object-fit:contain;pointer-events:none}.studio-element.selected{outline:2px solid #d09a2d;outline-offset:2px;background:#d09a2d0d}.studio-resize{display:none;position:absolute;right:-6px;bottom:-6px;width:13px;height:13px;border:2px solid #fff;background:#c58f28;box-shadow:0 0 0 1px #7e5912;cursor:nwse-resize;border-radius:2px}.studio-element.selected .studio-resize{display:block}.studio-help{color:var(--muted);font-size:12px;text-align:center}.studio-inspector textarea{min-height:70px}.studio-inspector .two{gap:8px}.studio-inspector label{margin:8px 0}
.invoice-editor-v14>.toolbar{justify-content:space-between}.invoice-line-head,.invoice-line-v14{display:grid;grid-template-columns:minmax(220px,2.2fr) minmax(90px,.65fr) minmax(110px,.75fr) minmax(100px,.75fr) 42px;gap:9px;align-items:center}.invoice-line-head{padding:8px 0;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.invoice-line-v14{margin-bottom:8px}.invoice-line-v14 label{margin:0}.invoice-line-v14 output{text-align:right;font-variant-numeric:tabular-nums}.mobile-only{display:none}.invoice-save{display:flex;align-items:end;justify-content:flex-end}.invoice-save button{min-width:180px}#invoice-qr-preview{display:grid;place-items:center;border:1px dashed var(--line);min-height:135px;border-radius:9px}#invoice-qr-preview img{max-width:125px;max-height:125px}
.fair-hero{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:linear-gradient(125deg,#121c31,#283753);color:#fff;border:0}.fair-hero h2{font-size:30px;font-weight:350;margin:.2rem 0}.fair-hero p{color:#d9dfeb;max-width:720px}.fair-metrics{display:grid;grid-template-columns:auto auto;gap:2px 12px;align-items:baseline}.fair-metrics strong{font-size:23px;color:#d2b978;text-align:right}.fair-metrics span{font-size:11px;color:#d9dfeb;text-transform:uppercase;letter-spacing:.08em}.profile-bars{display:grid;gap:5px;margin:10px 0}.profile-bars>div{display:grid;grid-template-columns:88px 1fr 46px;gap:7px;align-items:center;font-size:11px}.profile-bars i{display:block;height:6px;background:#ece8de;border-radius:99px;overflow:hidden}.profile-bars b{display:block;height:100%;background:linear-gradient(90deg,#aa8136,#d0b56f)}.profile-bars small{text-align:right}.fair-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.fair-library-grid article{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff}.fair-library-grid h4{font-size:17px;margin:0 0 5px}.memory-row{border-bottom:1px solid var(--line);padding:12px 0}.memory-row small{display:block;color:var(--gold)}code{word-break:break-all}
@media(max-width:1100px){.studio-v14 .studio-workspace{height:98vh}.studio-body{grid-template-columns:170px minmax(380px,1fr) 260px}.studio-header{align-items:flex-start}.studio-header .toolbar{max-width:70%}.fair-hero{grid-template-columns:1fr}}
@media(max-width:780px){.studio-body{grid-template-columns:1fr;overflow:auto}.studio-layers,.studio-inspector{border:0;overflow:visible}.studio-canvas-wrap{min-height:500px}.studio-v14 .studio-workspace{overflow:auto}.studio-header{position:sticky;top:0;z-index:100;flex-direction:column;align-items:stretch}.studio-header .toolbar{max-width:none}.invoice-line-head{display:none}.invoice-line-v14{grid-template-columns:1fr}.invoice-line-v14 output{text-align:left}.mobile-only{display:block;font-size:11px;color:var(--muted)}.fair-metrics{justify-content:start}}

/* Genesis 0.5 — accurate label geometry, visible inspector and analytical dashboards */
.studio-layers,.studio-inspector{color:var(--ink)}
.studio-canvas{width:auto;max-width:100%;max-height:72vh;flex:none}
.studio-size-badge{color:#5f6675;font-size:12px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 10px;margin-bottom:12px}
.fair-result-metrics,.finance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0}
.fair-result-metrics article,.finance-metrics article{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff}
.fair-result-metrics strong,.finance-metrics strong{display:block;font-size:24px;color:var(--ink)}
.fair-result-metrics small,.finance-metrics small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.fair-chart-grid,.finance-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:14px 0}
.chart-card{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff}.chart-card h4{margin:0 0 10px}
.radar-chart{width:100%;max-width:430px;display:block;margin:auto}.radar-grid{fill:none;stroke:#dad5c9;stroke-width:1}.radar-axis{stroke:#e6e0d5;stroke-width:1}.radar-target{fill:#c5a25826;stroke:#a67d32;stroke-width:2}.radar-result{fill:#1b2a4a20;stroke:#1b2a4a;stroke-width:2}.radar-label{font-size:9px;fill:#30394e}
.balance-bars{display:grid;gap:8px}.balance-bars div{display:grid;grid-template-columns:90px 1fr 45px;gap:8px;align-items:center;font-size:12px}.balance-bars i{height:9px;border-radius:9px;background:#ebe6db;overflow:hidden}.balance-bars b{display:block;height:100%;background:#b38b36}
.descriptor-cloud{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.descriptor-cloud button{padding:6px 9px;background:#fff;color:var(--ink);border:1px solid var(--line);font-size:12px}.descriptor-cloud button:hover{border-color:var(--gold);background:#faf5e9}
.fair-status{min-height:24px;color:var(--muted)}.finance-net.negative strong{color:var(--danger)}.finance-net.positive strong{color:#27734a}
.ai-copilot-layout{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);align-items:start}.ai-conversation{height:420px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:14px;background:#f7f5ef;margin:14px 0}.ai-message{max-width:88%;padding:11px 13px;border-radius:12px;margin:8px 0}.ai-message small{display:block;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:9px}.ai-message p{margin:4px 0;white-space:pre-wrap}.ai-message.user{margin-left:auto;background:#1b2a4a;color:#fff}.ai-message.user small{color:#d7deea}.ai-message.assistant{background:#fff;border:1px solid var(--line)}
@media(max-width:950px){.ai-copilot-layout{grid-template-columns:1fr}}