:root{--ink:#171714;--muted:#77756d;--paper:#f3f0e9;--panel:#fff;--line:#e8e3d8;--olive:#6f7451;--olive-dark:#4d5238;--danger:#9a5e52;--shadow:0 18px 50px rgba(40,37,29,.07)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.studio-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.formula-sidebar{background:#171714;color:#f7f3e9;padding:25px 18px;display:flex;flex-direction:column;min-height:100vh}.studio-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;margin-bottom:28px}.studio-brand span{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%}.studio-brand strong{font:600 15px Manrope,sans-serif}.new-formula{border:0;border-radius:11px;padding:12px;background:#f4f0e6;color:#24241f;font-weight:600;cursor:pointer}.sidebar-label{margin:27px 8px 10px;color:#747168;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.formula-list{display:grid;gap:5px}.formula-link{border:0;background:transparent;color:#aaa79e;border-radius:10px;padding:11px 12px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;gap:10px}.formula-link:hover,.formula-link.active{background:rgba(255,255,255,.08);color:#fff}.formula-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formula-link small{font-size:9px;color:#6f6d65}.sidebar-empty{font-size:11px;line-height:1.6;color:#77746c;padding:12px}.back-link{margin-top:auto;color:#8d8a82;text-decoration:none;font-size:11px;padding:12px}.workspace{padding:28px 34px 40px;overflow:hidden}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:16px}.kicker{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#97927f;margin-bottom:7px}.formula-name{display:block;width:min(620px,60vw);border:0;background:transparent;font:600 30px Manrope,sans-serif;color:var(--ink);outline:0;padding:0}.save-state{font-size:10px;color:var(--muted);margin-top:5px}.save-state[data-tone="ok"]{color:var(--olive)}.save-state[data-tone="error"]{color:var(--danger)}.header-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.header-controls label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 12px;font-size:10px;color:var(--muted)}.header-controls input{width:64px;border:0;outline:0;font-weight:600}.soft-button,.primary-button,.version-button{border:0;border-radius:11px;padding:11px 14px;font-weight:600;cursor:pointer}.soft-button{background:#e8e4db;color:#4f4c44}.soft-button:disabled,.version-button:disabled{opacity:.45}.primary-button{background:var(--ink);color:#fff}.version-button{background:#626748;color:#fff}.version-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:16px}.version-bar strong{font:600 13px Manrope,sans-serif}.version-create-fields{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.version-create-fields>input{width:min(230px,24vw);border:1px solid var(--line);border-radius:9px;padding:9px 10px;font:10px "DM Sans",sans-serif;outline:0}.lock-check{font-size:10px;color:var(--muted);white-space:nowrap}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.editor-panel,.analysis-panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.editor-panel{padding:23px}.analysis-panel{padding:23px;height:max-content}.editor-toolbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.editor-toolbar h2,.analysis-panel h2{font:600 20px Manrope,sans-serif;margin:0}.total-badge{padding:9px 12px;border-radius:999px;font-weight:600;font-size:12px}.total-badge.neutral,.total-badge.under{background:#eeeae2;color:#777168}.total-badge.good{background:#e7eadc;color:#59603e}.total-badge.over{background:#f0e1dd;color:#8b5148}.formula-table{border:1px solid var(--line);border-radius:14px;overflow:hidden}.formula-row{display:grid;grid-template-columns:minmax(200px,1.5fr) 86px 90px 80px minmax(130px,1fr) 36px;gap:10px;align-items:center;padding:12px 14px;border-top:1px solid var(--line)}.formula-row:first-child{border-top:0}.table-head{background:#f7f5f0;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#99958a}.ingredient-cell{display:flex;align-items:center;gap:10px}.ingredient-cell strong,.ingredient-cell small{display:block}.ingredient-cell strong{font-size:12px}.ingredient-cell small{font-size:9px;color:var(--muted);margin-top:3px}.family-dot{width:10px;height:10px;border-radius:50%;background:#9ca17b;flex:0 0 auto}.percentage-input,.comment-input{width:100%;border:1px solid transparent;border-radius:8px;background:#f7f5f0;padding:8px;font:11px "DM Sans",sans-serif;outline:0}.percentage-input:focus,.comment-input:focus{border-color:#b7b49d;background:#fff}.calculated{font-size:11px;color:#5f5c55}.remove-item{border:0;background:transparent;color:#aaa49a;font-size:19px;cursor:pointer}.remove-item:hover{color:var(--danger)}.empty-formula{padding:46px;text-align:center;color:var(--muted)}.empty-formula strong,.empty-formula span{display:block}.empty-formula strong{color:var(--ink);font-size:14px}.empty-formula span{font-size:10px;margin-top:7px}.add-row{display:flex;gap:10px;margin-top:13px}.ingredient-picker{position:relative;flex:1}.ingredient-picker>input{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 13px;outline:0;font:11px "DM Sans",sans-serif}.ingredient-options{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(30,28,22,.14);z-index:10;max-height:280px;overflow:auto}.ingredient-options.hidden,.diff-panel.hidden{display:none}.ingredient-options button{width:100%;display:flex;justify-content:space-between;gap:10px;border:0;border-top:1px solid var(--line);background:#fff;padding:11px 12px;text-align:left;cursor:pointer}.ingredient-options button:first-child{border-top:0}.ingredient-options button:hover{background:#f7f5f0}.ingredient-options strong{font-size:11px}.ingredient-options small{font-size:9px;color:var(--muted)}.option-empty{padding:16px;color:var(--muted);font-size:10px}.analysis-card{margin-top:20px;padding:19px;border-radius:15px;background:linear-gradient(135deg,#64694a,#85896a);color:#fff}.analysis-card span,.analysis-card small{display:block}.analysis-card span{font-size:10px;color:#e2e3d5}.analysis-card strong{display:block;font:600 31px Manrope,sans-serif;margin:8px 0}.analysis-card small{font-size:10px;color:#dedfd4}.analysis-stats{display:grid;gap:10px;margin:15px 0}.analysis-stats div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.analysis-stats span{font-size:10px;color:var(--muted)}.analysis-stats strong{font-size:11px}.notes-field{display:block;font-size:10px;color:var(--muted);margin-top:17px}.notes-field textarea{width:100%;min-height:92px;resize:vertical;border:1px solid var(--line);border-radius:11px;padding:11px;margin-top:8px;outline:0;font:11px/1.5 "DM Sans",sans-serif}.version-panel{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.version-panel-head{display:flex;justify-content:space-between;align-items:center}.text-action{border:0;background:transparent;color:var(--olive-dark);font-size:9px;font-weight:600;cursor:pointer}.text-action:disabled{opacity:.4}.version-list{display:grid;gap:8px;max-height:340px;overflow:auto;margin-top:8px}.version-empty{font-size:10px;color:var(--muted);padding:12px 0}.version-item{border:1px solid var(--line);border-radius:11px;padding:11px;display:flex;justify-content:space-between;gap:10px}.version-item strong,.version-item small{display:block}.version-item strong{font-size:11px}.version-item small{font-size:8px;color:var(--muted);margin-top:3px}.version-item p{font-size:9px;color:var(--muted);margin:7px 0 0;line-height:1.4}.version-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.version-actions button{border:0;background:#efede6;border-radius:7px;padding:6px 7px;font-size:8px;cursor:pointer}.lock-pill{font-size:7px;text-transform:uppercase;letter-spacing:.09em;color:#7d7a70}.diff-panel{margin-top:10px;padding:12px;background:#f5f3ed;border-radius:11px}.diff-panel>strong{font-size:10px}.diff-panel>p{font-size:9px;color:var(--muted)}.diff-row{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.diff-row:first-of-type{margin-top:8px}.diff-row span{font-size:9px}.diff-row small{font-size:8px;color:var(--muted)}.diff-row b{font-size:8px;color:var(--olive-dark)}@media(max-width:1100px){.studio-shell{grid-template-columns:210px 1fr}.studio-grid{grid-template-columns:1fr}.analysis-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.analysis-panel>h2,.analysis-panel>.kicker,.version-panel{grid-column:1/-1}.formula-row{grid-template-columns:minmax(170px,1.5fr) 76px 80px 65px minmax(100px,1fr) 30px}.version-bar{align-items:flex-start;flex-direction:column}.version-create-fields{width:100%;justify-content:flex-start}.version-create-fields>input{width:100%}}@media(max-width:760px){.studio-shell{display:block}.formula-sidebar{min-height:auto;padding:14px;display:block}.studio-brand{margin-bottom:12px}.formula-list,.sidebar-label,.back-link{display:none}.workspace{padding:16px}.workspace-header{align-items:flex-start;flex-direction:column}.formula-name{width:100%;font-size:24px}.header-controls{width:100%;justify-content:flex-start}.version-create-fields{flex-direction:column;align-items:stretch}.studio-grid{display:block}.analysis-panel{display:block;margin-top:14px}.formula-table{overflow-x:auto}.formula-row{min-width:780px}.add-row{align-items:stretch;flex-direction:column}}