@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #f2f4ef;--paper: #f8f9f5;--panel: #ffffff;--ink: #11231c;--muted: #5f6d67;--line: #d6ddd8;--line-strong: #a9b8b1;--brand: #0a7a54;--brand-strong: #055f40;--brand-soft: #d7f2e6;--warn: #b43a24;--warn-soft: #ffd8cc;--shadow: 0 8px 26px rgba(24, 34, 31, .08);--radius: 14px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:Space Grotesk,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,#e2efe6 0%,transparent 36%),radial-gradient(circle at 80% 0%,#d8ebe0 0%,transparent 34%),linear-gradient(165deg,#eef2ec,#f6f7f3 64%,#ecf0eb)}.page-shell{width:min(1320px,100% - 2rem);margin:1.4rem auto 2rem}.planner{display:grid;gap:1rem}.planner-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(145deg,#123528,#0f2b22);color:#eff9f3;border-radius:calc(var(--radius) + 2px);padding:1.2rem;box-shadow:var(--shadow)}.planner-head-left{display:flex;align-items:center;gap:1rem;min-width:0}.planner-head-text{min-width:0}.planner-logo{width:96px;height:96px;object-fit:contain;flex-shrink:0}.eyebrow{margin:0;letter-spacing:.2em;font-size:.72rem;color:#9cc9b2}.planner-header h1{margin:.2rem 0 .5rem;font-size:clamp(1.3rem,2.6vw,2rem)}.subtitle{margin:0;max-width:74ch;color:#bfdccc;font-size:.94rem}.subtitle code{font-family:JetBrains Mono,monospace;margin-left:.2rem;background:#ffffff1f;padding:.12rem .34rem;border-radius:7px}.header-actions{display:flex;gap:.66rem;flex-wrap:wrap;justify-content:center;align-items:center;align-self:center}.btn{border:1px solid transparent;border-radius:999px;padding:.56rem .95rem;font:inherit;font-weight:600;cursor:pointer;transition:transform .15s ease,filter .15s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:none}.btn-primary{background:var(--brand);color:#fff}.btn-soft{background:var(--brand-soft);color:var(--brand-strong);border-color:#a9d8c2}.kpi-row{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem;box-shadow:var(--shadow)}.kpi-card p{margin:0;font-size:.82rem;color:var(--muted)}.kpi-card strong{font-size:1.24rem}.kpi-summary-line{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap}.kpi-readonly{font-family:JetBrains Mono,monospace;font-size:.72rem;color:#9ba8a1;background:#eff2ef;border:1px solid #dde3df;border-radius:999px;padding:.14rem .5rem}.kpi-separator{color:var(--muted);font-weight:600}.kpi-alert{border-color:#f0b9ab;background:linear-gradient(160deg,#fff8f5,#fff);color:var(--warn)}.planner-grid{display:grid;gap:.9rem;grid-template-columns:360px 1fr;align-items:start}.sidebar,.editor,.csv-preview{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.sidebar{padding:.9rem}.sidebar-head h2,.editor-head h2,.preview-head h2{margin:0;font-size:1.05rem}.bar-list{margin-top:.8rem;display:grid;gap:.65rem}.bar-card{text-align:left;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:.66rem .7rem;cursor:pointer;transition:border-color .18s ease,transform .15s ease}.bar-card:hover{transform:translateY(-1px);border-color:#9db3aa}.bar-card.selected{border-color:var(--brand);background:#f1faf5}.bar-card-top{display:flex;align-items:center;justify-content:space-between}.bar-delete{color:var(--warn);font-size:.77rem;text-decoration:underline}.bar-meta{margin:.25rem 0 0;font-size:.83rem;color:var(--muted)}.progress-track{margin-top:.45rem;width:100%;height:9px;border-radius:999px;background:#dce7e1;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#58b58c,#0b7b55)}.progress-fill.warn{background:linear-gradient(90deg,#e08670,#c83f24)}.bar-meta.warn{color:var(--warn)}.editor{padding:1rem;display:grid;gap:.9rem;align-self:start}.editor-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.bar-settings{display:grid;grid-template-columns:220px 1fr;gap:.9rem}label span,.profile-picker-wrap>span{font-size:.77rem;color:var(--muted);display:block;margin-bottom:.3rem}input,select{width:100%;border-radius:9px;border:1px solid var(--line-strong);padding:.44rem .56rem;font:inherit;background:#fff}input:focus,select:focus,.profile-trigger:focus,.workings-open-btn:focus,.workings-preview-btn:focus,.text-button:focus{outline:2px solid #2e9d74;outline-offset:1px}.profile-picker-wrap{position:relative}.profile-trigger{width:100%;border-radius:10px;border:1px solid var(--line-strong);background:#fff;padding:.5rem .62rem;display:flex;align-items:center;gap:.5rem;font:inherit;cursor:pointer}.profile-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.profile-menu{position:absolute;top:calc(100% + .45rem);left:0;width:min(710px,96vw);max-height:320px;overflow:auto;z-index:7;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 28px #0a161324;padding:.7rem}.menu-title{margin:0 0 .6rem;font-size:.83rem;color:var(--muted)}.profile-menu-head{display:grid;gap:.45rem;margin-bottom:.5rem}.profile-search{border:1px solid var(--line-strong);border-radius:9px;padding:.42rem .56rem;font:inherit;width:100%}.profile-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.profile-card{border:1px solid var(--line);background:#f8faf9;border-radius:10px;padding:.54rem;text-align:left;cursor:pointer}.profile-card.active{border-color:var(--brand);background:#f0f8f3}.profile-icon{display:block;width:100%;height:58px;border-radius:8px;background:#ebf0ed;border:1px solid #d4ddd7;margin-bottom:.45rem}.profile-icon svg{width:100%;height:100%;fill:currentColor}.shape-cutout{fill:#ebf0ed}.profile-name{display:block;font-size:.81rem;font-weight:600}.profile-code{display:block;font-family:JetBrains Mono,monospace;font-size:.74rem;color:var(--muted)}.profile-empty{margin:.6rem 0 .2rem;font-size:.82rem;color:var(--muted)}.piece-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px}.piece-table{width:100%;border-collapse:collapse;min-width:780px}.piece-table th,.piece-table td{border-bottom:1px solid var(--line);padding:.5rem;vertical-align:top;font-size:.82rem}.piece-table th{background:#f0f3ef;text-align:left}.workings-cell{display:grid;gap:.4rem;min-width:230px}.workings-open-btn{justify-self:start;padding:.25rem .65rem;font-size:.75rem}.workings-actions{display:flex;flex-wrap:wrap;gap:.35rem}.workings-preview-btn{justify-self:start;padding:.25rem .65rem;font-size:.75rem}.workings-preview-btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.workings-inline-code{display:block;max-width:300px;overflow-x:auto;padding:.3rem .45rem;border-radius:8px;border:1px solid #cfe0d8;background:#f4fbf7;font-family:JetBrains Mono,monospace;font-size:.72rem}.workings-overlay{position:fixed;inset:0;background:#101a1785;display:grid;place-items:center;z-index:30;padding:1rem}.workings-modal{width:min(940px,100%);max-height:min(90vh,860px);overflow:auto;background:#fff;border:1px solid #d0dbd5;border-radius:14px;box-shadow:0 28px 50px #0a141159;padding:1rem;display:grid;gap:.8rem}.workings-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.workings-modal-head h3{margin:0;font-size:1rem}.workings-close-btn{flex-shrink:0}.workings-hint{margin:0;color:var(--muted);font-size:.8rem}.workings-hint code,.workings-final code,.workings-preview-code code,.working-row code{font-family:JetBrains Mono,monospace}.workings-draft-box,.workings-list-box{border:1px solid var(--line);border-radius:12px;background:#f9fbfa;padding:.75rem}.workings-draft-box h4,.workings-list-box h4{margin:0 0 .6rem;font-size:.9rem}.workings-draft-grid{display:flex;flex-wrap:wrap;align-items:end;gap:.6rem}.workings-draft-grid label{min-width:min(360px,100%);flex:1}.workings-number-controls{display:grid;grid-template-columns:120px 1fr;gap:.45rem}.workings-preview-code{min-width:220px;padding:.44rem .56rem;border-radius:9px;border:1px solid #c8dbd2;background:#eef7f2}.workings-preview-code span{margin:0}.workings-preview-code code{display:block;font-size:.82rem;margin-top:.18rem}.field-error{margin:.45rem 0 0;color:var(--warn);font-size:.77rem}.workings-rows{display:grid;gap:.45rem}.working-row{display:grid;grid-template-columns:34px minmax(120px,1fr) minmax(140px,1fr) minmax(150px,1fr) auto;gap:.5rem;align-items:end;border:1px solid #dce5e0;border-radius:10px;background:#fff;padding:.45rem}.working-row strong{font-size:.82rem}.working-row label span{margin-bottom:.18rem}.working-row code{font-size:.78rem;background:#f4fbf7;border:1px solid #cfe0d8;border-radius:7px;padding:.42rem .5rem;white-space:nowrap;overflow-x:auto}.workings-final{border-top:1px solid var(--line);padding-top:.55rem;display:grid;gap:.24rem}.workings-final span{font-size:.8rem;color:var(--muted)}.workings-final code{display:block;background:#f2f8f5;border:1px solid #cfe0d8;border-radius:8px;padding:.45rem .56rem;max-width:100%;overflow-x:auto}.workings-preview-modal{width:min(980px,100%)}.workings-preview-cuts{display:flex;justify-content:space-between;align-items:center;gap:.6rem;font-size:.8rem;color:var(--muted)}.workings-preview-cuts strong{color:var(--ink)}.workings-preview-track-wrap{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#fbfdfb,#f3f8f5);padding:1rem .8rem .7rem}.workings-preview-track{position:relative;height:54px;border-radius:0;border:1px solid #bad1c5;background:repeating-linear-gradient(90deg,#0b7b550d 0 40px,#0b7b551a 40px 41px),linear-gradient(90deg,#edf7f2,#e3f1ea);overflow:hidden}.workings-preview-piece-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.workings-preview-piece-body{fill:#cfe6da;stroke:#7aa88f;stroke-width:.8}.workings-preview-piece-cut{stroke:#2a6f53;stroke-width:1.3;stroke-linecap:round}.workings-preview-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;border:2px solid #ffffff;background:#0b7b55;box-shadow:0 4px 10px #0e382a33;display:grid;place-items:center;color:#fff;font-size:.62rem;font-weight:700;z-index:2}.workings-preview-marker.out{background:#c83f24}.workings-preview-scale{margin-top:.44rem;display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--muted)}.workings-preview-list{display:grid;gap:.42rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.workings-preview-item{border:1px solid #d2dfd9;border-radius:10px;background:#f9fcfb;padding:.5rem;display:grid;gap:.18rem}.workings-preview-item.out{border-color:#edb8aa;background:#fff7f5}.workings-preview-item strong{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#d8eee3;color:#0b6f4d;font-size:.72rem}.workings-preview-item.out strong{background:#ffd9d0;color:#b43721}.workings-preview-item code{font-family:JetBrains Mono,monospace;font-size:.79rem;word-break:break-all}.workings-preview-item span{color:var(--muted);font-size:.78rem}.text-button{border:none;background:none;color:var(--warn);cursor:pointer;font:inherit;font-size:.78rem;text-decoration:underline}.text-muted,.text-muted-inline{color:var(--muted);font-size:.76rem}.summary{border:1px dashed #aac1b6;border-radius:10px;padding:.75rem .85rem;background:#f7fbf8}.summary h3{margin:0 0 .45rem;font-size:.92rem}.summary p{margin:.26rem 0;font-size:.82rem}.summary-alert{border-color:#e4a898;background:#fff5f2}.csv-preview{padding:.9rem}.preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem}.preview-head p{margin:0;color:var(--muted);font-size:.8rem}.csv-scroll{margin-top:.6rem;border:1px solid var(--line);border-radius:10px;overflow:auto;max-height:300px}.csv-scroll table{width:100%;border-collapse:collapse;min-width:760px;font-family:JetBrains Mono,monospace;font-size:.75rem}.csv-scroll th,.csv-scroll td{border-bottom:1px solid var(--line);padding:.42rem .5rem;text-align:left;white-space:nowrap}.csv-scroll th{position:sticky;top:0;z-index:2;background:#f3f5f3}.profile-swatch-red{color:#cb6552;background:#f8ddd7}.profile-swatch-blue{color:#4d74c6;background:#dce5fa}.profile-swatch-green{color:#369565;background:#d7f1e3}.profile-swatch-gold{color:#ab7c25;background:#faeccc}.profile-swatch-teal{color:#217581;background:#d6edf2}.profile-swatch-slate{color:#5d6478;background:#e1e5ef}@media(max-width:1120px){.planner-grid,.bar-settings{grid-template-columns:1fr}.working-row{grid-template-columns:34px 1fr 1fr}.working-row code{grid-column:1 / -1}}@media(max-width:860px){.planner-header{flex-direction:column;align-items:stretch}.planner-head-left{width:100%}.planner-logo{width:78px;height:78px}.header-actions{width:100%;justify-content:center}.kpi-row{grid-template-columns:1fr}.page-shell{width:min(1320px,100% - 1rem);margin-top:.8rem}.workings-number-controls{grid-template-columns:1fr}.workings-draft-grid label{min-width:100%}.workings-modal-head,.workings-preview-cuts{flex-direction:column;align-items:flex-start}.working-row{grid-template-columns:1fr}.working-row strong{display:none}}