:root{--bg: #f4f6fb;--card: #ffffff;--text: #0f172a;--muted: #64748b;--line: #e2e8f0;--accent: #4f46e5;--accent-soft: #eef2ff;--flexo: #0d9488;--flexo-soft: #e6f7f5;--digital: #7c3aed;--digital-soft: #f3edff;--warn: #b45309;--warn-soft: #fff7e6;--radius: 14px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 16px rgba(15, 23, 42, .05);color-scheme:light;font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button{font:inherit;cursor:pointer}input,select{font:inherit;color:inherit}h3{margin:0;font-size:15px;font-weight:650}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand b{display:block;font-size:16px}.brand span{color:var(--muted);font-size:12px}.row-gap{display:flex;align-items:center;gap:8px}.btn{border:1px solid var(--line);background:#fff;color:var(--text);padding:8px 14px;border-radius:10px;font-weight:550}.btn:hover{border-color:#cbd5e1;background:#f8fafc}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn:disabled{opacity:.6;cursor:default}.link{border:0;background:none;color:var(--accent);padding:0;font-size:13px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;color:var(--muted)}.grid{display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);gap:20px;padding:20px 24px 40px;max-width:1440px;margin:0 auto}.col-left,.col-right{display:flex;flex-direction:column;gap:16px;min-width:0}@media (max-width: 980px){.grid{grid-template-columns:minmax(0,1fr);padding:16px}}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;border:1px solid #edf0f6}.card-head{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:14px;flex-wrap:wrap}.card-head h3{min-width:0}.card.empty{color:var(--muted);text-align:center;padding:60px 20px}.loading{padding:80px;text-align:center;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:12px}.chip{font-size:12px;padding:3px 9px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-weight:600;white-space:nowrap}.chip.soft{background:#f1f5f9;color:var(--muted)}.chip.flexo{background:var(--flexo-soft);color:var(--flexo)}.chip.digital{background:var(--digital-soft);color:var(--digital)}.badge-ai,.badge-warn,.badge-rec{font-size:11px;padding:1px 7px;border-radius:99px;font-weight:600;margin-left:6px;vertical-align:1px}.badge-ai{background:var(--accent-soft);color:var(--accent)}.badge-warn{background:var(--warn-soft);color:var(--warn);border:1px solid #fde3b0}.badge-rec{background:#fef3c7;color:#92400e;margin:0}.alert{padding:10px 12px;border-radius:10px;font-size:13px;margin-top:10px}.alert.warn{background:var(--warn-soft);color:var(--warn);border:1px solid #fde3b0}.alert.info{background:var(--accent-soft);color:#3730a3}.alert.global{margin:16px 24px 0}.drop{border:2px dashed #cbd5e1;border-radius:12px;padding:18px;cursor:pointer;transition:.15s;background:#fafbff}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop.busy{opacity:.7;pointer-events:none}.drop-empty{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);text-align:center}.drop-empty svg{color:var(--accent);margin-bottom:4px}.drop-empty b{color:var(--text)}.drop-file{display:flex;gap:14px;align-items:center}.drop-file img{width:84px;height:84px;object-fit:contain;border-radius:8px;background:repeating-conic-gradient(#eef2f7 0,#eef2f7 25%,#fff 0,#fff 50%) 0 0 / 12px 12px;border:1px solid var(--line)}.drop-file div{display:flex;flex-direction:column;gap:4px;min-width:0}.drop-file b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-file span{color:var(--muted);font-size:12px}.kv{margin:0;display:grid;gap:0}.kv>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--line);gap:10px}.kv>div:last-child{border-bottom:0}.kv dt{color:var(--muted)}.kv dt{flex-shrink:0}.kv dd{margin:0;font-weight:550;text-align:right;min-width:0;overflow-wrap:anywhere}.conf{color:var(--muted);font-weight:400;font-size:12px;margin-left:6px}.notes{margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:12.5px}.notes li{margin:3px 0}.field{margin-bottom:16px}.field:last-child{margin-bottom:0}.field>label,.field.two label{display:block;font-weight:600;font-size:13px;margin-bottom:6px}.field.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field input:not([type=checkbox]),.field select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:none}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.hint{font-size:12px;color:var(--muted);margin-top:5px}.size-row{display:flex;gap:8px;align-items:center}.size-row input{flex:1;min-width:0}.presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.presets.inline{margin-top:0;flex-wrap:nowrap}.presets button,.seg button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 10px;font-size:12.5px;color:var(--muted)}.presets button.on,.seg button.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:600}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{flex:1;padding:8px}.seg.small button{flex:none;padding:4px 10px}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}.stepper button{border:0;background:#f8fafc;width:38px;height:38px;font-size:18px;color:var(--text)}.stepper button:disabled{color:#cbd5e1;cursor:default}.stepper span{width:44px;text-align:center;font-weight:650;font-size:16px}.toggle{display:inline-flex;align-items:center;gap:8px;font-weight:500!important;cursor:pointer;margin-top:8px}.toggle input{width:18px;height:18px;accent-color:var(--accent)}.toggle.small{margin:0;font-size:12px;color:var(--muted)}.toggle.small input{width:14px;height:14px}.shapes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.shapes button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted)}.shapes svg{fill:#e2e8f0;stroke:#94a3b8;stroke-width:1.5}.shapes button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.shapes button.on svg{fill:#c7d2fe;stroke:var(--accent)}.shapes span{font-size:12px;font-weight:600}.shapes small{font-size:11px}.tech-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tech-opt{position:relative;text-align:left;border:2px solid var(--line);background:#fff;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px;transition:.15s}.tech-opt:hover:not(:disabled){border-color:#cbd5e1}.tech-opt:disabled{opacity:.55;cursor:not-allowed}.tech-top{display:flex;justify-content:space-between;align-items:center;gap:4px 6px;flex-wrap:wrap}.tech-name{font-weight:700;font-size:16px}.tech-price{overflow-wrap:anywhere;font-size:22px;font-weight:700;letter-spacing:-.02em}.tech-sub{font-size:12px;color:var(--muted)}.tech-check{position:absolute;right:12px;bottom:10px;font-size:12px;font-weight:700}.tech-opt.flexo .tech-name{color:var(--flexo)}.tech-opt.digital .tech-name{color:var(--digital)}.tech-opt.flexo.selected{border-color:var(--flexo);background:var(--flexo-soft)}.tech-opt.digital.selected{border-color:var(--digital);background:var(--digital-soft)}.tech-opt.flexo .tech-check{color:var(--flexo)}.tech-opt.digital .tech-check{color:var(--digital)}.why{margin-top:14px;background:#f8fafc;border-radius:10px;padding:12px 14px}.why-head{display:flex;align-items:center;gap:10px;font-weight:650}.why ul{margin:8px 0 0;padding-left:18px}.why li{margin:3px 0;color:#334155}.confbar{display:inline-block;width:70px;height:6px;background:#e2e8f0;border-radius:99px;overflow:hidden}.confbar span{display:block;height:100%;background:var(--accent)}.price{border-top:4px solid var(--accent)}.price.flexo{border-top-color:var(--flexo)}.price.digital{border-top-color:var(--digital)}.price-main{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.price-label{color:var(--muted);font-weight:600;font-size:13px}.price-value{overflow-wrap:anywhere;font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1.15}.price-sub{color:var(--muted);font-size:13px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}@media (max-width: 640px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{min-width:0;overflow-wrap:anywhere;background:#f8fafc;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column}.kpi span{font-size:12px;color:var(--muted)}.kpi b{font-size:18px}.kpi small{font-size:11.5px;color:var(--muted)}.spec-line{margin-top:12px;font-size:13px;color:#334155}.roll-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:16px;align-items:start}@media (max-width: 1180px){.roll-body{grid-template-columns:1fr}}.roll-svg{width:100%;height:auto;max-height:560px;display:block;font-family:inherit}.roll-svg .web{fill:#fbfaf7;stroke:#cbd5e1;stroke-width:.6}.roll-svg .printable{fill:#4f46e50a;stroke:var(--accent);stroke-dasharray:3 2;stroke-width:.5}.roll-svg .lbl{fill:#fff;stroke-width:.7}.roll-svg .lbl-outline .lbl{fill:none}.roll-svg .lbl-mark text{fill:#cbd5e1;font-weight:700}.roll-svg .gap-mark line{stroke:#e11d48}.roll-svg .gap-mark text{fill:#e11d48;font-weight:700}.roll-svg .dim line{stroke:#64748b}.roll-svg .dim text{fill:#334155;font-weight:600}.roll-svg .unused-txt{fill:#dc2626}.roll-svg .repeat-txt{fill:var(--muted);font-style:italic}.roll-stats{margin:0;display:grid;grid-template-columns:1fr;gap:0}.roll-stats>div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line)}.roll-stats dt{color:var(--muted);font-size:13px}.roll-stats dd{margin:0;font-weight:600;text-align:right;font-size:13px;min-width:0;overflow-wrap:anywhere}.roll-stats .strong dd{color:var(--accent)}.orient-compare{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.orient{flex:1 1 150px;min-width:0;border:1px solid var(--line);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;font-size:13px;position:relative;background:#fff;text-align:left;color:var(--text)}.orient:hover:not(:disabled){border-color:#cbd5e1}.orient:disabled{cursor:not-allowed}.orient.auto{flex-basis:120px}.orient.chosen{border-color:var(--accent);background:var(--accent-soft)}.orient.invalid{opacity:.55}.orient span{color:var(--muted)}.orient i{position:absolute;right:10px;top:8px;font-style:normal;font-size:11px;color:var(--accent);font-weight:700}.breakdown{width:100%;border-collapse:collapse}.breakdown td:first-child{min-width:0}.breakdown td{padding:8px 4px;border-bottom:1px solid #f1f5f9;vertical-align:top}.breakdown td:last-child{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;padding-left:12px}.breakdown tr:not(.long) td:last-child{white-space:nowrap}.breakdown td small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.breakdown tr.total td{border-top:2px solid var(--text);border-bottom:0;font-size:16px;font-weight:800;padding-top:12px}.drawer-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0f172a40;opacity:0;pointer-events:none;transition:.2s;z-index:50}.drawer-wrap.open{opacity:1;pointer-events:auto}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(420px,100%);background:#fff;padding:18px;overflow-y:auto;transform:translate(100%);transition:.2s}.drawer-wrap.open .drawer{transform:none}.history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.history button{width:100%;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px}.history button:hover{border-color:var(--accent)}.h-top{display:flex;justify-content:space-between;gap:8px}.h-sub{color:#334155;font-size:13px;margin-top:4px}.h-date{color:var(--muted);font-size:12px;margin-top:2px}.spinner{width:16px;height:16px;border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@media (max-width: 480px){.card{padding:14px}.grid{padding:12px;gap:12px}.col-left,.col-right{gap:12px}.tech-options{grid-template-columns:minmax(0,1fr)}.tech-check{position:static;align-self:flex-end}.breakdown tr.long td{display:block;text-align:left;padding:8px 4px 0;border-bottom:0}.breakdown tr.long td:last-child{padding:2px 4px 8px;border-bottom:1px solid #f1f5f9}}@keyframes spin{to{transform:rotate(360deg)}}