.studio,.studio-top,.studio-login{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--wall:#f4f5f2;--panel:#fff;--panel-2:#fafaf8;--field:#fff;--line:#e4e5e2;--line-2:#cbcdc8;--ink:#12141a;--ink-2:#3b4049;--ink-3:#676d77;--plum:#8949a3;--plum-deep:#783c91;--plum-text:#7a3f92;--plum-tint:#8949a314;--on-plum:#fff;--ok:#18794a;--ok-tint:#18794a14;--warn:#8f5f00;--warn-tint:#c9900a1c;--bad:#c2321f;--bad-tint:#c2321f12;--shadow:0 1px 2px #0e0f130a, 0 12px 30px #0e0f130f;--pop:0 2px 6px #0e0f1314, 0 24px 70px #0e0f1326;--ui:var(--font-archivo), "Archivo", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--display:var(--font-grotesk), "Space Grotesk", "Archivo", -apple-system, system-ui, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1)}html.adm-dark :is(.studio,.studio-top,.studio-login),html[data-admin-theme=dark] :is(.studio,.studio-top,.studio-login){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--wall:#0e0f13;--panel:#15161b;--panel-2:#1b1c22;--field:#1f2027;--line:#25272e;--line-2:#363943;--ink:#f1f1ee;--ink-2:#b3b6bd;--ink-3:#8b8f98;--plum-text:#cda2de;--plum-tint:#8949a333;--ok:#5fcf8f;--ok-tint:#5fcf8f1a;--warn:#e9bb52;--warn-tint:#e9bb521c;--bad:#ff7a6b;--bad-tint:#ff7a6b1a;--shadow:0 1px 2px #0006, 0 16px 40px #0007;--pop:0 2px 6px #0005, 0 24px 70px #000a}.studio{background:var(--wall);height:100%;min-height:0;color:var(--ink);font:13px/1.5 var(--ui);-webkit-font-smoothing:antialiased;caret-color:var(--plum-text);flex-direction:column;flex:1;display:flex;overflow:hidden}.studio-top{min-width:0;font:13px/1.5 var(--ui);color:var(--ink);flex:1;align-items:center;gap:16px;display:flex}.studio *,.studio :before,.studio :after{box-sizing:border-box}.studio *{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.studio ::selection{background:var(--plum);color:#fff}.studio :is(h1,h2,h3){font-family:var(--display);text-wrap:balance;letter-spacing:-.01em;color:inherit;margin:0;font-weight:700}:is(.studio,.studio-top,.studio-login) :is(button,input,select,textarea){font:inherit;color:inherit}:is(.studio,.studio-top) button{cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}:is(.studio,.studio-top,.studio-login) :focus-visible{outline:2px solid var(--plum-text);outline-offset:2px;border-radius:4px}:is(.studio,.studio-top) ::placeholder{color:var(--ink-3);opacity:1}:is(.studio,.studio-top) svg.lucide{flex:none;width:16px;height:16px}.studio .num{font-variant-numeric:tabular-nums}.studio .gutter{padding-left:max(24px, env(safe-area-inset-left,0px));padding-right:max(24px, env(safe-area-inset-right,0px))}.studio-top .tabs{gap:4px;display:flex}.studio-top .tab{color:var(--ink-2);border:1px solid #0000;border-radius:4px;padding:6px 11px;font-weight:500;transition:background .15s,color .15s}.studio-top .tab:hover{background:var(--panel-2);border-color:var(--line);color:var(--ink)}.studio-top .tab[aria-selected=true]{background:var(--plum-tint);color:var(--plum-text);border-color:#0000}.studio-top .search{border:1px solid var(--line-2);background:var(--field);max-width:300px;height:32px;color:var(--ink-3);border-radius:4px;flex:180px;align-items:center;gap:8px;margin-left:auto;padding:0 10px;display:flex}.studio-top .search input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0}.studio-top .search:focus-within{border-color:var(--plum-text);box-shadow:0 0 0 3px var(--plum-tint)}:is(.studio,.studio-login) .btn{white-space:nowrap;background:var(--panel-2);border:1px solid var(--line-2);color:var(--ink);text-transform:none;letter-spacing:0;transition:background .15s, border-color .15s, color .15s, transform .15s var(--ease);border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:6px 11px;font-size:13px;font-weight:500;display:inline-flex}:is(.studio,.studio-login) .btn:hover:not(:disabled){border-color:var(--ink-3);background:var(--field)}:is(.studio,.studio-login) .btn:active:not(:disabled){transform:translateY(1px)}:is(.studio,.studio-login) .btn.primary{background:var(--plum);border-color:var(--plum);color:var(--on-plum)}:is(.studio,.studio-login) .btn.primary:hover:not(:disabled){background:var(--plum-deep);border-color:var(--plum-deep)}.studio .btn.ghost{color:var(--ink-2);background:0 0;border-color:#0000}.studio .btn.ghost:hover:not(:disabled){background:var(--panel-2);border-color:var(--line);color:var(--ink)}.studio .btn.danger{color:var(--bad)}.studio .filters{flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding-block:12px 0;display:flex}.studio .today{color:var(--ink-3);margin-right:8px}.studio .chips{flex-wrap:wrap;gap:4px;display:flex}.studio .chip{text-transform:none;letter-spacing:0;border:1px solid var(--line);color:var(--ink-2);background:var(--panel);border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.studio .chip:hover{border-color:var(--line-2);color:var(--ink)}.studio .chip[aria-pressed=true]{border-color:var(--plum-text);color:var(--plum-text);background:var(--plum-tint)}.studio .chip b{color:var(--ink);font-weight:700}.studio .chip.err b{color:var(--bad)}.studio .chip[aria-pressed=true] b{color:inherit}.studio .sep{background:var(--line-2);width:1px;height:18px;margin-inline:4px}.studio .new{margin-left:auto}.studio-main{flex-direction:column;flex:1;min-height:0;display:flex}.studio .board{flex:1;grid-template-columns:repeat(6,minmax(200px,1fr));gap:12px;min-height:0;padding-block:12px 0;display:grid;overflow-x:auto}.studio .col{min-height:0;transition:background .15s var(--ease);border-radius:4px;flex-direction:column;display:flex}.studio .col.over{background:var(--plum-tint)}.studio .col.nodrop{opacity:.4}.studio .col-head{border-bottom:1px solid var(--line-2);align-items:baseline;gap:8px;margin-bottom:8px;padding:4px 4px 8px;display:flex}.studio .col-head h2{font-size:15px}.studio .col-head .count{color:var(--ink-3)}.studio .col-head .late{color:var(--bad);align-items:center;gap:4px;margin-left:auto;font-size:12px;font-weight:500;display:inline-flex}.studio .col-head .late svg{width:14px;height:14px}.studio .col-body{flex-direction:column;flex:1;gap:6px;min-height:0;padding:0 2px 16px;display:flex;overflow-y:auto}.studio .col-empty{color:var(--ink-3);padding:8px 4px}.studio .card{background:var(--panel);border:1px solid var(--line);cursor:pointer;text-align:left;width:100%;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:4px;gap:2px;padding:8px 10px;line-height:1.4;display:grid}.studio .card:hover{border-color:var(--line-2);box-shadow:var(--shadow)}.studio .tone-late{--band:var(--bad)}.studio .tone-soon{--band:var(--warn)}.studio .tone-mine{--band:var(--plum)}.studio .tone-waiting{--band:var(--ink-3)}.studio .card{border-left:4px solid var(--band,var(--line))}.studio .card.tone-waiting{background:var(--panel-2)}.studio .card.tone-waiting .name{color:var(--ink-2)}.studio .swatch{background:var(--band);border-radius:2px;flex:none;width:8px;height:8px}.studio .step-head{font:600 12px/1.3 var(--ui);color:var(--ink-3);letter-spacing:0;align-items:baseline;gap:6px;margin:8px 2px 0;display:flex}.studio .step-head:first-child{margin-top:0}.studio .step-head .num{font-weight:400}.studio .card.open{border-color:var(--plum-text);box-shadow:0 0 0 3px var(--plum-tint)}.studio .card.dragging{opacity:.4}.studio .card{position:relative}.studio .card .name{overflow-wrap:anywhere;text-align:left;font-size:14px;font-weight:600}.studio .card .name:after{content:"";position:absolute;inset:0}.studio .card .done-btn{z-index:1;position:relative}.studio .card .sub{color:var(--ink-3);font-size:12px}.studio .card-foot{align-items:center;gap:6px;min-height:24px;margin-top:4px;display:flex}.studio .done-btn{height:24px;color:var(--ink-2);border:1px solid var(--line);background:var(--panel-2);border-radius:4px;align-items:center;gap:4px;margin-left:auto;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.studio .done-btn:hover{color:var(--plum-text);border-color:var(--plum-text);background:var(--plum-tint)}.studio .done-btn svg{width:14px;height:14px}.studio .pill{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:12px;font-weight:500;display:inline-flex}.studio .pill svg,.studio .due-plain svg{width:13px;height:13px}.studio .pill.err{color:var(--bad);background:var(--bad-tint)}.studio .pill.warn{color:var(--warn);background:var(--warn-tint)}.studio .pill.ok{color:var(--ok);background:var(--ok-tint)}.studio .pill.info{color:var(--ink-2);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line)}.studio .due-plain{color:var(--ink-3);align-items:center;gap:4px;font-size:12px;display:inline-flex}.studio .wait{color:var(--ink-3);align-items:center;display:inline-flex}.studio .wait svg{width:14px;height:14px}.studio .skel{background:var(--panel-2);border:1px solid var(--line);border-radius:4px;height:84px}.studio .notice{text-align:center;max-width:520px;color:var(--ink-3);gap:8px;margin:24px auto;font-size:14px;display:grid}.studio .notice h2{color:var(--ink);font-size:18px}.studio .notice p{margin:0}.studio .table-wrap{flex:1;min-height:0;padding-block:12px 24px;overflow:auto}.studio table{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:4px;width:100%}.studio th{text-align:left;color:var(--ink-3);border-bottom:1px solid var(--line-2);background:var(--panel);padding:8px 12px;font-size:12px;font-weight:500;position:sticky;top:0}.studio td{border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 12px}.studio tr.item{cursor:pointer}.studio tr.item:hover td{background:var(--panel-2)}.studio tr.group td{background:var(--wall);font:700 14px var(--display);padding-top:16px}.studio tr.group td small{font:400 12px var(--ui);color:var(--ink-3);margin-left:6px}.studio td.muted{color:var(--ink-3)}@keyframes studio-slide{0%{opacity:0;transform:translate(24px)}}.studio .panel{background:var(--panel);border-left:1px solid var(--line);width:min(440px,100vw);box-shadow:var(--pop);z-index:60;animation:studio-slide .25s var(--ease);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-right:env(safe-area-inset-right,0px);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.studio .p-form{display:contents}.studio .p-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:8px;padding:16px 16px 12px 20px;display:flex}.studio .p-head .title{flex:1;gap:4px;min-width:0;display:grid}.studio .p-name{font:700 20px/1.2 var(--display);letter-spacing:-.015em;width:100%;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:4px;margin-left:-5px;padding:2px 4px}.studio .p-name:hover{border-color:var(--line)}.studio .p-name:focus{border-color:var(--plum-text);box-shadow:0 0 0 3px var(--plum-tint);outline:none}.studio .p-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio .p-meta select{border:1px solid var(--line-2);background:var(--field);border-radius:4px;padding:2px 6px}.studio .icon-btn{width:32px;height:32px;color:var(--ink-3);border-radius:4px;place-items:center;display:grid}.studio .icon-btn:hover{background:var(--panel-2);color:var(--ink)}.studio .icon-btn svg{width:20px;height:20px}.studio .p-body{flex:1;align-content:start;gap:24px;padding:16px 20px 24px;display:grid;overflow-y:auto}.studio .p-body h3{font:600 12px var(--ui);color:var(--ink-3);letter-spacing:0;margin-bottom:8px}.studio .p-body .btn.primary{justify-self:start}.studio .next{border:1px solid var(--line);background:var(--panel-2);border-radius:4px;gap:10px;padding:12px;display:grid}.studio .next h3{margin:0}.studio .next .what{font-size:15px;font-weight:600}.studio .next .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio .next label{color:var(--ink-3);align-items:center;gap:6px;display:flex}.studio .next input[type=date]{border:1px solid var(--line-2);background:var(--field);border-radius:4px;padding:4px 8px}.studio .steps{margin:0;padding:0;list-style:none;display:grid}.studio .steps button{text-align:left;width:100%;color:var(--ink-3);border-radius:4px;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:5px 6px;font-size:13px;display:grid}.studio .steps button:hover{background:var(--panel-2);color:var(--ink)}.studio .steps .dot{border:1.5px solid;border-radius:50%;justify-self:center;width:10px;height:10px}.studio .steps .past{color:var(--ink-2)}.studio .steps .past .dot{background:currentColor}.studio .steps .cur{color:var(--ink);background:var(--plum-tint);font-weight:600}.studio .steps .cur .dot{border-color:var(--plum);background:var(--plum);box-shadow:0 0 0 3px var(--plum-tint)}.studio .steps .when{color:var(--ink-3);font-size:12px;font-weight:400}.studio .steps .phase{color:var(--ink-3);padding:8px 6px 2px;font-size:12px;font-weight:600}.studio .fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.studio .field{color:var(--ink-3);gap:4px;min-width:0;font-size:12px;font-weight:500;display:grid}.studio .field.wide{grid-column:1/-1}.studio .field .ctl{border:1px solid var(--line-2);background:var(--field);border-radius:4px;align-items:center;min-width:0;display:flex}.studio .field .ctl:focus-within{border-color:var(--plum-text);box-shadow:0 0 0 3px var(--plum-tint)}.studio .field :is(input,select,textarea){color:var(--ink);background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;padding:7px 10px;font-size:13px;font-weight:400}.studio .field textarea{resize:vertical;min-height:120px;line-height:1.5}.studio .field .suffix{color:var(--ink-3);padding-right:10px}.studio .field .copy{color:var(--ink-3);align-self:stretch;place-items:center;padding:0 8px;display:grid}.studio .field .copy:hover{color:var(--ink)}.studio .p-foot{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:12px 20px;display:flex}.studio .saved{color:var(--ink-3);align-self:center;margin-left:auto;font-size:12px}.studio .toast{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--wall);box-shadow:var(--pop);z-index:70;max-width:calc(100vw - 32px);transition:opacity .2s var(--ease), transform .2s var(--ease);border-radius:4px;align-items:center;gap:12px;padding:8px 8px 8px 14px;font-size:13px;display:flex;position:fixed;transform:translate(-50%)}.studio .toast.gone{opacity:0;pointer-events:none;transform:translate(-50%,8px)}.studio .toast button{color:inherit;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-weight:600;display:inline-flex}.studio .toast button:hover{background:#80808033}.studio .toast.err{background:var(--panel);color:var(--bad);border:1px solid var(--bad)}.studio-login{background:var(--wall);min-height:100vh;color:var(--ink);font:13px/1.5 var(--ui);place-items:center;display:grid}.studio-login form{text-align:center;flex-direction:column;gap:12px;width:min(360px,90vw);display:flex}.studio-login-mark{align-self:center;width:auto;height:24px}.studio-login h1{font:700 32px var(--display);letter-spacing:-.02em;margin:0 0 8px}.studio-login input{border:1px solid var(--line-2);background:var(--field);border-radius:4px;outline:none;padding:10px 12px}.studio-login input:focus{border-color:var(--plum-text);box-shadow:0 0 0 3px var(--plum-tint)}.studio-login .btn{padding:10px 12px}.studio-login-error{color:var(--bad);margin:0}@media (max-width:768px){.studio .gutter{padding-left:max(14px, env(safe-area-inset-left,0px));padding-right:max(14px, env(safe-area-inset-right,0px))}.studio-top{flex-wrap:wrap;gap:8px}.studio-top .search{flex-basis:100%;max-width:none;margin-left:0}.studio .filters,.studio .chips{flex-wrap:nowrap}.studio .filters{scrollbar-width:none;padding-bottom:2px;overflow-x:auto}.studio .chip,.studio .new{flex:none}.studio .today,.studio .sep{display:none}.studio .board{scroll-snap-type:x mandatory;grid-template-columns:repeat(6,82vw)}.studio .col{scroll-snap-align:start}.studio .fields{grid-template-columns:1fr}.studio .done-btn{height:32px}}@media (prefers-reduced-motion:reduce){.studio *,.studio :before,.studio :after{transition:none!important;animation:none!important}}