.scs-root{--ink:#17151b;--muted:#6f6a73;--line:#e8e2e3;--paper:#fff;--surface:#f7f4f3;--rose:#cf2f67;--rose-dark:#a91f52;--rose-soft:#fff0f5;--green:#188a62;--green-soft:#eaf8f2;--amber:#bd6c0c;--amber-soft:#fff5df;--red:#c03838;--red-soft:#fff0ef;--shadow:0 18px 55px #2d192014;background:var(--surface);color:var(--ink);display:flex;flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;height:100vh;height:100dvh;inset:0;overflow:hidden;position:fixed;-webkit-user-select:none;user-select:none}.scs-root *{box-sizing:border-box}.scs-root button{cursor:pointer;font:inherit}.scs-root input{font:inherit}.scs-root .topbar{align-items:center;background:#fffffff2;border-bottom:1px solid var(--line);display:flex;flex:0 0 auto;gap:12px;height:64px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.scs-root .back-btn{background:#0000;border:0;border-radius:12px;color:var(--muted);display:grid;min-height:44px;min-width:44px;place-items:center}.scs-root .back-btn:active{background:#0000000d}.scs-root .brand{align-items:center;display:flex;font-size:13px;font-weight:800;gap:10px;letter-spacing:.1em;min-width:0}.scs-root .brand-mark{background:var(--ink);border-radius:10px;color:#fff;display:grid;flex:0 0 auto;font-size:11px;height:34px;place-items:center;width:34px}.scs-root .brand .eyebrow{font-size:9px;margin:0}.scs-root .brand b{display:block;font-size:13px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scs-root .connection{align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--muted);display:flex;font-size:13px;font-weight:800;gap:9px;margin-left:auto;min-height:44px;padding:8px 14px}.scs-root .connection.connected{background:var(--green-soft);border-color:#cdeedf;color:#126a4d}.scs-root .connection.reconnecting{background:var(--amber-soft);border-color:#f0d9aa;color:#8b510c}.scs-root .status-dot{background:#aaa;border-radius:50%;box-shadow:0 0 0 5px #78787817;height:10px;width:10px}.scs-root .connected .status-dot{background:#26bb85;box-shadow:0 0 0 5px #26bb851f}.scs-root .reconnecting .status-dot{animation:scs-pulse 1.2s infinite;background:#e49327;box-shadow:0 0 0 5px #e4932721}@keyframes scs-pulse{50%{opacity:.45}}.scs-root .layout{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:clamp(250px,27vw,320px) minmax(0,1fr);min-height:0;overflow:hidden;padding:12px}.scs-root .side-panel,.scs-root .workspace{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);min-height:0}.scs-root .side-panel{display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:14px}.scs-root .client-card{align-items:center;border-bottom:1px solid var(--line);display:flex;flex:0 0 auto;gap:12px;padding:2px 2px 12px}.scs-root .avatar{background:linear-gradient(145deg,#222,#706068);border-radius:15px;color:#fff;display:grid;flex:0 0 auto;font-weight:800;height:48px;place-items:center;width:48px}.scs-root .eyebrow{color:var(--rose);font-size:10px;font-weight:850;letter-spacing:.12em;margin:0 0 3px;text-transform:uppercase}.scs-root .client-card h2{font-size:17px;margin:0}.scs-root .client-card p:last-child{color:var(--muted);font-size:12px;margin:3px 0 0}.scs-root .formula-card{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:2px 0}.scs-root .section-heading{align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;margin-bottom:10px}.scs-root .section-heading h3{font-size:16px;margin:0}.scs-root .ratio{background:#f2eeee;border-radius:11px;font-size:16px;font-weight:900;letter-spacing:-.01em;padding:7px 12px}.scs-root .ingredient-list{display:flex;flex:1 1;flex-direction:column;gap:5px;min-height:0;overflow-y:auto}.scs-root .ingredient{grid-gap:9px;align-items:center;border:1px solid #0000;border-radius:12px;display:grid;gap:9px;grid-template-columns:24px 1fr auto;padding:8px 9px}.scs-root .ingredient.current{background:var(--rose-soft);border-color:#f3cada}.scs-root .ingredient.done{background:var(--green-soft)}.scs-root .ingredient-badge{background:#eeeaeb;border-radius:50%;color:#817a7d;display:grid;font-size:11px;font-weight:850;height:24px;place-items:center;width:24px}.scs-root .ingredient.current .ingredient-badge{background:var(--rose);color:#fff}.scs-root .ingredient.done .ingredient-badge{background:var(--green);color:#fff}.scs-root .ingredient-copy{min-width:0}.scs-root .ingredient-copy strong{display:block;font-size:19px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scs-root .ingredient-copy small{color:var(--muted);display:block;font-size:10px;font-weight:700;letter-spacing:.06em;margin-top:0;text-transform:uppercase}.scs-root .ingredient-grams{font-feature-settings:"tnum";font-size:18px;font-variant-numeric:tabular-nums;font-weight:900}.scs-root .formula-total{align-items:center;border-top:1px solid var(--line);display:flex;flex:0 0 auto;justify-content:space-between;margin-top:9px;padding:10px 6px 2px}.scs-root .formula-total span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.scs-root .formula-total strong{font-feature-settings:"tnum";font-size:22px;font-variant-numeric:tabular-nums;font-weight:900}.scs-root .formula-total.derived{border:0;color:var(--rose);margin-top:3px;padding-top:3px}.scs-root .formula-total.derived strong{color:var(--rose)}.scs-root .legend-card{color:var(--muted);display:flex;flex:0 0 auto;font-size:11px;gap:8px;justify-content:space-between}.scs-root .legend-card span{align-items:center;display:flex;gap:5px}.scs-root .legend-dot{background:#d9d4d5;border-radius:50%;height:8px;width:8px}.scs-root .legend-dot.done{background:var(--green)}.scs-root .legend-dot.current{background:var(--rose)}.scs-root .workspace{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:14px 18px}.scs-root .workspace-top{align-items:center;display:flex;flex:0 0 auto;gap:14px;justify-content:space-between;min-height:40px}.scs-root .workspace h1{font-size:22px;margin:0}.scs-root .ble-banner{align-items:center;background:#faf9f9;border:1px solid var(--line);border-radius:12px;display:flex;font-size:12px;gap:11px;min-width:200px;padding:8px 13px}.scs-root .ble-banner small,.scs-root .ble-banner strong{display:block}.scs-root .ble-banner small{color:var(--muted);margin-top:1px}.scs-root .ble-banner.connected{background:var(--green-soft);border-color:#cdeedf}.scs-root .ble-banner.reconnecting{background:var(--amber-soft);border-color:#f0d9aa}.scs-root .stage{align-items:stretch;background:linear-gradient(160deg,#fff,#fdfbfb 62%,#fff5f8);border:1px solid var(--line);border-radius:16px;display:flex;flex:1 1;justify-content:center;margin-top:10px;min-height:0;overflow:hidden}.scs-root .screen{align-items:center;display:flex;flex-direction:column;min-height:0;padding:22px;text-align:center;width:100%}.scs-root .screen-center{justify-content:center}.scs-root .stage-icon{background:var(--rose-soft);border-radius:16px;color:var(--rose);display:grid;font-size:24px;font-weight:900;height:52px;margin-bottom:14px;place-items:center;width:52px}.scs-root .connection-lost .stage-icon{background:var(--amber-soft);color:var(--amber)}.scs-root .screen h2{font-size:clamp(24px,3vw,38px);letter-spacing:-.03em;margin:0}.scs-root .screen p{color:var(--muted);max-width:640px}.scs-root .instruction{font-size:clamp(16px,2vw,22px);line-height:1.35}.scs-root .browser-note{color:var(--muted);font-size:12px;margin-top:12px}.scs-root .danger-action,.scs-root .primary,.scs-root .secondary{border:0;border-radius:13px;font-size:15px;font-weight:850;min-height:52px;padding:0 22px}.scs-root .primary{background:var(--rose);box-shadow:0 10px 25px #cf2f673b;color:#fff}.scs-root .primary:hover{background:var(--rose-dark)}.scs-root .primary:disabled{background:#cfc8ca;box-shadow:none;cursor:not-allowed}.scs-root .secondary{background:#fff;border:1px solid #cfc7c9;color:var(--ink)}.scs-root .danger-action{background:var(--red-soft);color:var(--red)}.scs-root .wide{width:100%}.scs-root .action-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.scs-root .live-screen{align-items:stretch;padding:14px 22px 18px}.scs-root .ingredient-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;text-align:left;width:100%}.scs-root .ingredient-header h2{font-size:clamp(22px,2.6vw,34px);margin:0}.scs-root .step-count{color:var(--muted);font-size:12px;font-weight:800}.scs-root .ing-family{color:var(--muted);font-size:12px;margin-top:2px}.scs-root .target-chip{background:#f0ecec;border-radius:14px;flex:0 0 auto;padding:8px 16px;text-align:right}.scs-root .target-chip span{color:var(--muted);display:block;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.scs-root .target-chip strong{font-feature-settings:"tnum";color:var(--ink);display:block;font-size:clamp(40px,6vh,64px);font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-.04em;line-height:1}.scs-root .target-chip strong i{color:var(--muted);font-size:.42em;font-style:normal;font-weight:850;margin-left:.1em;vertical-align:initial}.scs-root .weight-zone{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0}.scs-root .weight-label{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.scs-root .live-weight{font-feature-settings:"tnum";font-size:clamp(104px,20vh,230px);font-variant-numeric:tabular-nums;font-weight:850;letter-spacing:-.075em;line-height:.82;margin:12px 0 14px}.scs-root .live-weight small{color:#4d484f;font-size:.24em;letter-spacing:0;margin-left:.12em}.scs-root .delta{color:var(--muted);font-size:clamp(18px,2vw,26px);font-weight:850;margin:0}.scs-root .delta.success{color:var(--green)}.scs-root .delta.over{color:var(--red)}.scs-root .partial-note{color:var(--amber);font-size:13px;font-weight:800;margin:6px 0 0}.scs-root .progress-wrap{margin:12px auto 0;width:min(760px,92%)}.scs-root .progress-track{background:#ebe7e8;border-radius:999px;height:12px;overflow:hidden}.scs-root .progress-fill{background:linear-gradient(90deg,#d82c6b,#ee6f9a);border-radius:inherit;height:100%;transition:width .18s ease;width:0}.scs-root .progress-fill.success{background:var(--green)}.scs-root .progress-fill.over{background:var(--red)}.scs-root .live-actions{align-items:center;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;margin-top:10px;padding-top:12px;width:100%}.scs-root .live-note{color:var(--muted);font-size:12px;text-align:left}.scs-root .live-note strong{color:var(--ink);display:block;font-size:13px}.scs-root .overdose-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.scs-root .overdose-actions button{min-height:52px}.scs-root .tare-number{font-size:clamp(64px,15vh,120px);font-weight:850;letter-spacing:-.07em;margin:12px 0}.scs-root .tare-number.good{color:var(--green)}.scs-root .success-ring{background:var(--green);border-radius:50%;box-shadow:0 12px 35px #188a6240;color:#fff;display:grid;font-size:36px;height:74px;margin-bottom:14px;place-items:center;width:74px}.scs-root .summary-grid{grid-gap:9px;display:grid;gap:9px;grid-template-columns:repeat(3,1fr);margin:14px 0;width:min(760px,100%)}.scs-root .summary-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px 13px;text-align:left}.scs-root .summary-item span{color:var(--muted);display:block;font-size:11px}.scs-root .summary-item strong{font-feature-settings:"tnum";display:block;font-size:19px;font-variant-numeric:tabular-nums;margin-top:3px}.scs-root .summary-item.accent strong{color:var(--rose)}.scs-root .summary-item.good strong{color:var(--green)}.scs-root [data-testid=scs-complete]{justify-content:flex-start;overflow:hidden;padding-top:14px}.scs-root [data-testid=scs-complete] h2{font-size:clamp(22px,3vh,30px)}.scs-root [data-testid=scs-complete] .action-row{margin-top:4px}.scs-root .preview-list{border:1px solid var(--line);border-radius:14px;margin:14px 0;overflow:hidden;width:min(620px,100%)}.scs-root .preview-row{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:10px 15px;text-align:left}.scs-root .preview-row:last-child{border:0}.scs-root .preview-row.derived{background:var(--rose-soft);color:var(--rose-dark)}.scs-root .reconnect-card{background:var(--amber-soft);border:1px solid #f0d9aa;border-radius:15px;color:#825015;margin-top:14px;padding:13px 18px}.scs-root .reconnect-card strong{display:block}.scs-root .step-rail{display:flex;flex:0 0 auto;gap:8px;padding:12px 4px 0}.scs-root .rail-step{color:#8d878d;flex:1 1;min-width:0;text-align:center}.scs-root .rail-step .node{background:#e7e2e3;border-radius:50%;display:grid;font-size:11px;font-weight:850;height:28px;margin:auto;place-items:center;width:28px}.scs-root .rail-step strong{display:block;font-size:11px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scs-root .rail-step.current{color:var(--rose)}.scs-root .rail-step.current .node{background:var(--rose);color:#fff}.scs-root .rail-step.done{color:var(--green)}.scs-root .rail-step.done .node{background:var(--green);color:#fff}.scs-root .scs-dialog-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1b14178c;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:60}.scs-root .scs-dialog{background:#fff;border-radius:22px;box-shadow:0 25px 80px #1e12173b;max-width:500px;padding:28px;position:relative;width:100%}.scs-root .scs-dialog h2{font-size:24px;margin:0}.scs-root .dialog-note{color:var(--muted);line-height:1.5}.scs-root .dialog-close{background:#0000;border:0;color:var(--muted);font-size:30px;line-height:1;position:absolute;right:16px;top:12px}.scs-root .quick-grid{grid-gap:9px;display:grid;gap:9px;grid-template-columns:repeat(3,1fr);margin:18px 0}.scs-root .quick{background:#fff;border:1px solid var(--line);border-radius:14px;font-size:18px;font-weight:850;min-height:56px}.scs-root .quick:hover{border-color:var(--rose);color:var(--rose)}.scs-root .custom-label{display:block;font-weight:800;margin:12px 0}.scs-root .custom-label .custom-field{align-items:center;border:1px solid var(--line);border-radius:14px;display:flex;margin-top:7px;padding-right:16px}.scs-root .custom-label input{background:#0000;border:0;font-size:18px;outline:0;padding:14px;width:100%}@media (orientation:landscape) and (max-height:820px){.scs-root .topbar{height:56px}.scs-root .layout{gap:9px;padding:9px}.scs-root .workspace{padding:11px 14px}.scs-root .workspace h1{font-size:19px}.scs-root .live-weight{font-size:clamp(92px,19vh,160px);margin:8px 0 10px}.scs-root .step-rail{padding-top:8px}.scs-root .rail-step .node{height:24px;width:24px}.scs-root .target-chip strong{font-size:clamp(34px,5.4vh,52px)}.scs-root .success-ring{font-size:28px;height:56px;margin-bottom:8px;width:56px}.scs-root .summary-grid{gap:7px;margin:9px 0}.scs-root .summary-item{padding:8px 11px}.scs-root .summary-item strong{font-size:17px}.scs-root [data-testid=scs-complete]{padding-top:10px}.scs-root [data-testid=scs-complete] h2{font-size:clamp(20px,2.8vh,26px)}}@media (orientation:landscape) and (max-height:640px){.scs-root .workspace h1{font-size:17px}.scs-root .live-weight{font-size:clamp(80px,17vh,120px);margin:5px 0 7px}.scs-root .legend-card,.scs-root .rail-step strong{display:none}.scs-root .target-chip strong{font-size:clamp(30px,5vh,44px)}.scs-root .success-ring{font-size:22px;height:46px;margin-bottom:6px;width:46px}.scs-root .summary-grid{gap:6px;margin:7px 0}.scs-root .summary-item{padding:6px 10px}.scs-root .summary-item strong{font-size:15px}.scs-root .summary-item span{font-size:10px}.scs-root [data-testid=scs-complete]{padding-top:7px}.scs-root [data-testid=scs-complete] h2{font-size:21px}}@media (orientation:portrait){.scs-root .layout{display:flex;flex-direction:column;gap:10px;padding:10px}.scs-root .side-panel{flex:0 0 auto;gap:8px;max-height:34vh;padding:11px}.scs-root .formula-card{flex:0 0 auto}.scs-root .ingredient-list{max-height:16vh}.scs-root .legend-card{display:none}.scs-root .workspace{flex:1 1;min-height:0;padding:12px 14px}.scs-root .workspace-top .ble-banner{display:none}.scs-root .live-weight{font-size:clamp(96px,22vh,180px)}.scs-root .ingredient-header h2{font-size:clamp(20px,4.5vw,28px)}.scs-root .summary-grid{grid-template-columns:repeat(2,1fr)}.scs-root .rail-step strong{font-size:10px}}@media (orientation:portrait) and (max-width:560px){.scs-root .side-panel{max-height:30vh}.scs-root .brand b{display:none}.scs-root .summary-grid{grid-template-columns:1fr}.scs-root .action-row{align-items:stretch;flex-direction:column;width:100%}.scs-root .action-row button{width:100%}.scs-root .overdose-actions{flex-direction:column;width:100%}.scs-root .overdose-actions button{width:100%}}.trico-colorist-page *{box-sizing:border-box}.trico-colorist-page{background:#faf9f6;color:#242424;font:14px Arial,sans-serif}.trico-colorist-page button,.trico-colorist-page input,.trico-colorist-page select,.trico-colorist-page textarea{font:inherit}.trico-colorist-page button{align-items:center;border:0;cursor:pointer;display:inline-flex;gap:7px;justify-content:center}.trico-colorist-page button:disabled{cursor:not-allowed;opacity:.5}.trico-colorist-page button:focus-visible,.trico-colorist-page input:focus-visible,.trico-colorist-page select:focus-visible,.trico-colorist-page summary:focus-visible,.trico-colorist-page textarea:focus-visible{outline:3px solid #a98642;outline-offset:3px}.trico-colorist-page button:hover:not(:disabled){filter:brightness(.96)}.trico-colorist-page .topbar{align-items:center;background:#fff;border-bottom:1px solid #e6e1d7;display:flex;height:78px;justify-content:space-between;padding:0 36px}.trico-colorist-page .brand{align-items:center;color:#8a6d35;display:flex;gap:12px}.trico-colorist-page .brand span{font:19px Georgia,serif}.trico-colorist-page .brand small{display:block;font:9px Arial;letter-spacing:2px;margin-top:5px}.trico-colorist-page .prototype-tag{border:1px solid #e0d7c3;border-radius:20px;color:#806838;font-size:11px;padding:7px 12px}.trico-colorist-page main{margin:auto;max-width:1440px;padding:32px 36px}.trico-colorist-page .page-heading{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.trico-colorist-page h1{font:40px Georgia,serif;letter-spacing:-1px;margin:0 0 9px}.trico-colorist-page h1 span{border:1px solid #dfcfac;border-radius:20px;color:#8b6a2d;font:10px Arial;letter-spacing:1px;padding:5px 8px;vertical-align:middle}.trico-colorist-page h2{font:25px Georgia,serif;margin:0 0 12px}.trico-colorist-page p{line-height:1.6}.trico-colorist-page .page-heading p{color:#76736c;font-size:13px;margin:0}.trico-colorist-page .quiet{background:#fff;border:1px solid #dedbd2;border-radius:9px;color:#514d43;min-height:40px;padding:10px 13px}.trico-colorist-page .primary{background:#242321;border-radius:9px;color:#fff;min-height:44px;padding:12px 17px}.trico-colorist-page .mode-tabs{background:#fff;border:1px solid #e5e0d6;border-radius:12px;display:inline-flex;flex-wrap:wrap;gap:4px;margin-bottom:25px;padding:5px}.trico-colorist-page .mode-tabs button{background:#0000;border-radius:8px;color:#77746c;font-size:12px;min-height:42px;padding:11px 15px}.trico-colorist-page .mode-tabs .selected,.trico-colorist-page .segments .selected{background:#252523;color:#fff}.trico-colorist-page .workspace{grid-gap:25px;align-items:start;display:grid;gap:25px;grid-template-columns:1fr 1fr}.trico-colorist-page .wheel-panel{min-width:0}.trico-colorist-page .wheel-panel>div>div{padding:23px!important}.trico-colorist-page .wheel-caption{color:#77746c;display:flex;font-size:10px;gap:8px;justify-content:space-between;margin-top:10px}.trico-colorist-page .controls{display:flex;flex-direction:column;gap:15px}.trico-colorist-page .field{background:#fff;border:1px solid #e6e1d7;border-radius:15px;min-width:0;padding:19px;position:relative}.trico-colorist-page .calibration label,.trico-colorist-page .field>label,.trico-colorist-page .formula-card aside>label{color:#827b6e;display:block;font-size:10px;letter-spacing:1.8px;margin-bottom:14px;text-transform:uppercase}.trico-colorist-page .field label small{float:right;font-size:9px;letter-spacing:0}.trico-colorist-page .calibration input,.trico-colorist-page .field input:not([type=range]),.trico-colorist-page .review input,.trico-colorist-page .review select{background:#fff;border:1px solid #e6e1d7;border-radius:8px;color:#252523;min-width:0;padding:11px;width:100%}.trico-colorist-page .field p{color:#77746c;font-size:11px;margin:10px 0 0}.trico-colorist-page .control-pair{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.trico-colorist-page .segments{display:flex;flex-wrap:wrap;gap:6px}.trico-colorist-page .segments button{background:#fff;border:1px solid #e8e4db;border-radius:8px;color:#716d64;font-size:12px;min-height:40px;padding:9px 12px}.trico-colorist-page .quantity label{display:flex;gap:8px;justify-content:space-between}.trico-colorist-page .quantity label b{color:#665537;font:24px Georgia;letter-spacing:0;white-space:nowrap}.trico-colorist-page .quantity input{accent-color:#b39552;width:100%}.trico-colorist-page .quantity>div{color:#8c877e;display:flex;font-size:10px;justify-content:space-between}.trico-colorist-page .search-results{background:#fff;border:1px solid #ddd5c4;border-radius:12px;box-shadow:0 8px 24px #0002;left:0;padding:6px;position:absolute;right:0;top:100%;z-index:10}.trico-colorist-page .search-results button{background:#fff;border-radius:6px;font-size:11px;justify-content:flex-start;padding:9px;text-align:left;width:100%}.trico-colorist-page .search-results small{font-size:9px}.trico-colorist-page .method-note{color:#85764f;font-size:11px;line-height:1.6;margin:0;padding:3px 8px}.trico-colorist-page .formula-card{background:#fff;border:1px solid #e6dfcf;border-radius:16px;margin-top:25px;overflow:hidden}.trico-colorist-page .formula-card>header{align-items:center;background:#fcfaf4;color:#8a6e36;display:flex;font-size:11px;gap:10px;justify-content:space-between;letter-spacing:2px;padding:17px 22px;text-transform:uppercase}.trico-colorist-page .formula-card header button{background:none;color:#8a816d;font-size:10px;letter-spacing:1px}.trico-colorist-page .formula-body{display:grid;grid-template-columns:1.2fr 1fr}.trico-colorist-page .formula-body.compact{grid-template-columns:1fr}.trico-colorist-page .recipe{padding:22px}.trico-colorist-page .recipe-row{align-items:center;display:flex;gap:15px;margin:0 0 24px;min-height:42px}.trico-colorist-page .recipe-row:last-child{margin-bottom:0}.trico-colorist-page .recipe-row>svg{color:#b99b5a;flex-shrink:0;height:24px;width:24px}.trico-colorist-page .recipe-row>div{flex:1 1}.trico-colorist-page .recipe-row strong{display:block;font-size:14px;font-weight:400}.trico-colorist-page .recipe-row small{color:#8a8276;display:block;font-size:11px;margin-top:5px}.trico-colorist-page .recipe-row>b{font-size:16px;font-weight:500;white-space:nowrap}.trico-colorist-page .formula-card aside{background:#fcfaf4;border-left:1px solid #eee8dc;padding:22px}.trico-colorist-page .formula-card aside p{color:#625a4b;font-size:12px;margin:0}.trico-colorist-page .composition{align-items:center;color:#6e6452;display:flex;font-size:12px;gap:20px;line-height:1.8;margin-bottom:25px}.trico-colorist-page .composition progress{accent-color:#b39853;height:10px;width:100px}.trico-colorist-page .formula-card footer{align-items:center;border-top:1px solid #eee8dc;color:#797061;display:flex;font-size:11px;gap:15px;justify-content:space-between;padding:17px 22px}.trico-colorist-page .notice{align-items:start;background:#fffaeb;border:1px solid #e8d7a4;border-radius:12px;color:#77643a;display:flex;font-size:12px;gap:12px;line-height:1.6;margin:20px 0;padding:16px 20px}.trico-colorist-page .notice>svg{flex-shrink:0;margin-top:2px}.trico-colorist-page .notice p{margin:4px 0}.trico-colorist-page .notice.error{background:#fff3f0;border-color:#ebc5ba;color:#963e32}.trico-colorist-page .ai-actions{align-items:center;background:#fff;border:1px solid #e3dccf;border-radius:14px;display:flex;flex-wrap:wrap;gap:12px;margin-top:25px;padding:20px}.trico-colorist-page .ai-actions>div{flex:1 1}.trico-colorist-page .ai-actions p{color:#807667;font-size:12px;margin:6px 0}.trico-colorist-page .ai-empty{background:#fff;border:1px dashed #d9cfbc;border-radius:16px;color:#857755;margin-top:25px;min-height:220px;padding:35px;text-align:center}.trico-colorist-page .ai-empty>svg{margin:auto auto 15px}.trico-colorist-page .ai-empty p{color:#80796e;font-size:12px;margin:10px auto;max-width:400px}.trico-colorist-page .comparison{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.trico-colorist-page .comparison aside{border-left:0;border-top:1px solid #eee8dc}.trico-colorist-page .comparison .formula-card footer{align-items:flex-start}.trico-colorist-page .import-panel,.trico-colorist-page .saved{background:#fff;border:1px solid #e3dccf;border-radius:12px;margin-top:18px;padding:16px}.trico-colorist-page .import-panel summary,.trico-colorist-page .saved summary{color:#847044;cursor:pointer;font-size:12px}.trico-colorist-page .import-panel textarea{border:1px solid #ddd;border-radius:9px;display:block;font:12px monospace;margin:15px 0;min-height:130px;padding:12px;width:100%}.trico-colorist-page .review{background:#fff;border:1px solid #d5bc83;border-radius:16px;margin-top:25px;padding:25px;scroll-margin-top:20px}.trico-colorist-page .review p{color:#7d7362;font-size:12px}.trico-colorist-page .edit-row{align-items:center;display:flex;gap:12px;margin:12px 0}.trico-colorist-page .review select{flex:1 1}.trico-colorist-page .review input{width:100px}.trico-colorist-page .edit-row label{flex:1 1}.trico-colorist-page .review-actions{display:flex;flex-wrap:wrap;gap:10px}.trico-colorist-page .review-total{background:#fcf8ed;border-radius:8px;padding:14px}.trico-colorist-page .saved>div{align-items:center;display:flex;font-size:12px;justify-content:space-between;padding:12px 0}.trico-colorist-page .calibration{grid-gap:30px;background:#fff;border:1px solid #e3dccf;border-radius:16px;display:grid;gap:30px;grid-template-columns:1.3fr 1fr;padding:28px}.trico-colorist-page .calibration p{color:#7c7364;font-size:13px}.trico-colorist-page .calibration-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:20px 0 28px}.trico-colorist-page .calibration-grid label{letter-spacing:0;text-transform:none}.trico-colorist-page .calibration-grid input{margin-top:10px}.trico-colorist-page table{border-collapse:collapse;margin-top:25px;width:100%}.trico-colorist-page td,.trico-colorist-page th{border-bottom:1px solid #ece6da;padding:15px;text-align:left}.trico-colorist-page th{color:#8a7956;font-size:10px;letter-spacing:1px;text-transform:uppercase}.trico-colorist-page .page-footer{color:#92897a;font-size:10px;padding:25px 0 0;text-align:center}.trico-colorist-page .wheel-panel svg{max-width:640px}.trico-colorist-page .wheel-panel button{display:inline-block}@media(max-width:900px){.trico-colorist-page main{padding:23px}.trico-colorist-page .topbar{padding:0 23px}.trico-colorist-page .workspace{gap:15px}.trico-colorist-page .field{padding:14px}.trico-colorist-page .segments button{min-height:42px;padding:8px}.trico-colorist-page .control-pair{gap:10px}.trico-colorist-page h1{font-size:32px}}@media(max-width:700px){.trico-colorist-page .topbar{height:68px;padding:0 16px}.trico-colorist-page .brand span{font-size:16px}.trico-colorist-page .prototype-tag{display:none}.trico-colorist-page main{padding:20px 15px}.trico-colorist-page .page-heading{align-items:flex-start}.trico-colorist-page h1{font-size:29px}.trico-colorist-page .page-heading p{font-size:11px}.trico-colorist-page .mode-tabs{display:flex;width:100%}.trico-colorist-page .mode-tabs button{flex:1 1;font-size:11px;padding:8px}.trico-colorist-page .calibration,.trico-colorist-page .comparison,.trico-colorist-page .workspace{grid-template-columns:1fr}.trico-colorist-page .wheel-caption{font-size:9px}.trico-colorist-page .controls{margin-top:8px}.trico-colorist-page .formula-body{grid-template-columns:1fr}.trico-colorist-page .formula-card aside{border-left:0;border-top:1px solid #eee8dc}.trico-colorist-page .formula-card footer{align-items:stretch;flex-direction:column}.trico-colorist-page .formula-card header{font-size:10px;letter-spacing:1px;padding:15px}.trico-colorist-page .recipe{padding:18px}.trico-colorist-page .recipe-row{gap:10px}.trico-colorist-page .recipe-row strong{font-size:12px}.trico-colorist-page .recipe-row b{font-size:14px}.trico-colorist-page .edit-row{flex-wrap:wrap}.trico-colorist-page .review select{flex-basis:100%}.trico-colorist-page .calibration{padding:20px}.trico-colorist-page .saved>div{gap:10px}.trico-colorist-page .notice{padding:15px}}.trico-colorist-page .colorist .ai-actions strong{align-items:center;color:#836727;display:flex;gap:8px}.trico-colorist-page .ai-status{background:#f1ece0;border-radius:20px;color:#7b6741;display:inline-block;font-size:12px;padding:6px 11px}.trico-colorist-page .ai-status.available{background:#e8f1e8;color:#31593c}.trico-colorist-page .ai-actions small{color:#827a6e;display:block;font-size:11px;margin-top:7px}.trico-colorist-page .ai-context{background:#fff;border:1px solid #e5ddcd;border-radius:12px;margin:18px 0;padding:18px}.trico-colorist-page .ai-context label{color:#6e624b;font-size:12px;margin-right:16px}.trico-colorist-page .ai-context select{background:#fff;border:1px solid #ddd3bf;border-radius:7px;padding:9px}.trico-colorist-page .ai-context p{color:#7a705f;font-size:12px;margin-bottom:0}.trico-colorist-page .ai-interpretation{background:#fbf7ed;border:1px solid #e6dcc5;border-radius:14px;margin-top:24px;padding:22px}.trico-colorist-page .eyebrow{color:#8c743e;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.trico-colorist-page .ai-interpretation h2{margin-top:12px}.trico-colorist-page .ai-interpretation dl{grid-gap:15px;display:grid;font-size:12px;gap:15px;grid-template-columns:1fr 1fr;line-height:1.6}.trico-colorist-page .ai-interpretation dt{color:#8d7c5c;font-size:10px;letter-spacing:1px;text-transform:uppercase}.trico-colorist-page .ai-interpretation dd{margin:4px 0}.trico-colorist-page .ai-interpretation small{color:#847a68;display:block;font-size:11px;margin-top:8px}.trico-colorist-page .confidence{background:#ebe5d8;border-radius:18px;display:inline-block;font-size:11px;padding:6px 10px}.trico-colorist-page .confidence.bassa{background:#f7e3ce}.trico-colorist-page .catalog-issues,.trico-colorist-page .debug-panel{background:#fff;border:1px solid #e2dacb;border-radius:12px;font-size:12px;margin-top:20px;padding:18px}.trico-colorist-page .catalog-issues summary,.trico-colorist-page .debug-panel summary{color:#756344;cursor:pointer}.trico-colorist-page .debug-panel>summary{align-items:center;display:flex;gap:8px}.trico-colorist-page .debug-panel details{margin-top:13px}.trico-colorist-page .debug-panel pre{background:#f5f3ed;border-radius:8px;font:11px monospace;max-height:350px;overflow:auto;overflow-wrap:anywhere;padding:15px;white-space:pre-wrap}.trico-colorist-page .debug-panel textarea{border:1px solid #d6cab3;border-radius:8px;display:block;font:12px monospace;margin:14px 0;min-height:160px;padding:12px;width:100%}.trico-colorist-page .catalog-issues li,.trico-colorist-page .notice li{line-height:1.6;margin:7px 0}.trico-colorist-page .comparison>div{min-width:0}.trico-colorist-page .comparison .formula-body{grid-template-columns:1fr}.trico-colorist-page .comparison .formula-card aside{border-left:0;border-top:1px solid #eee8dc}.trico-colorist-page .comparison .formula-card footer{align-items:stretch;flex-direction:column}.trico-colorist-page .comparison .recipe-row strong{font-size:13px}.trico-colorist-page .ai-proposal .formula-card{margin-top:12px}@media(max-width:700px){.trico-colorist-page .ai-actions{flex-wrap:wrap}.trico-colorist-page .ai-interpretation dl{grid-template-columns:1fr}.trico-colorist-page .ai-context select{display:block;margin-top:10px;width:100%}}.App{background:#000;min-height:100vh}@keyframes pinFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:1}}.animate-pin-fade-in{animation:pinFadeIn .32s cubic-bezier(.22,1,.36,1) both}@keyframes pinShake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.animate-shake{animation:pinShake .42s ease-in-out}
/*# sourceMappingURL=805.56902ba9.chunk.css.map*/