.builder{color:#1a237e;background:#fff;flex-direction:column;height:100dvh;font-family:Josefin Sans,ui-sans-serif,system-ui,sans-serif;display:flex;overflow:hidden}.builder__header{background:#fff;border-bottom:1px solid #e2e4ee;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.builder__brand{letter-spacing:.02em;color:inherit;font-size:20px;font-weight:500;text-decoration:none}.builder__brand-sub{opacity:.6;font-weight:300}.builder__modes{background:#f2f3fa;border-radius:999px;gap:6px;padding:4px;display:flex}.mode-btn{color:#6b6f8e;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 18px;transition:background .15s,color .15s}.mode-btn:hover:not(:disabled){color:#1a237e}.mode-btn.is-on{color:#fff;background:#ee1f4f;font-weight:500}.mode-btn--go.is-on{color:#fff;background:#ee1f4f}.mode-btn:disabled{opacity:.35;cursor:not-allowed}.builder__body{flex:1;grid-template-columns:280px 1fr;min-height:0;display:grid}.rail{background:#f8f9fc;border-right:1px solid #e2e4ee;flex-direction:column;gap:20px;padding:18px 16px;display:flex;overflow-y:auto}.rail__section{flex-direction:column;gap:8px;display:flex}.rail__label{text-transform:uppercase;letter-spacing:.14em;color:#6b6f8e;font-size:11px}.rail__foot{background:#f8f9fc;border-top:1px solid #e2e4ee;margin-top:auto;margin-left:-16px;margin-right:-16px;padding:10px 16px 18px;position:sticky;bottom:-18px}.rail__toggle{cursor:pointer;width:100%;font:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.rail__chev{color:#6b6f8e;padding:2px 4px;font-size:15px;line-height:1;transition:transform .15s}.rail__toggle:hover .rail__chev{color:#ee1f4f}.rail__chev.is-open{transform:rotate(180deg)}.rail__count{text-transform:none;letter-spacing:normal;color:#9296b0}.rail__links{border-top:1px solid #e2e4ee;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;display:flex}.rail__links a{color:#6b6f8e;font-size:12px;text-decoration:none;transition:color .15s}.rail__links a:hover{color:#1a237e}.stage{position:relative}.floating-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#fffffff5;border:1px solid #e2e4ee;border-radius:999px;align-items:center;gap:4px;padding:6px;animation:.16s ease-out ftb-in;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #1a237e24,0 2px 6px #1a237e14}@keyframes ftb-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.ftb__btn{color:#1a237e;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:background .12s,color .12s;display:inline-flex}.ftb__btn:hover{background:#f2f3fa}.ftb__btn--danger{color:#ee1f4f}.ftb__btn--danger:hover{background:#fde8ee}.ftb__label{letter-spacing:.02em;font-weight:500}.ftb__sep{background:#e2e4ee;width:1px;height:20px;margin:0 2px}.metal-row{gap:6px;display:flex}.metal{color:#1a237e;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e4ee;border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.metal.is-on{background:#fff0f4;border-color:#ee1f4f}.metal:disabled{opacity:.4;cursor:not-allowed}.metal__disc{border-radius:999px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #1a237e40}.swatch-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.sw{cursor:pointer;aspect-ratio:1;background:0 0;border:2px solid #0000;border-radius:999px;padding:0}.sw.is-on{border-color:#ee1f4f}.sw:disabled{opacity:.4;cursor:not-allowed}.sw.is-drag{border-color:#ee1f4f;transform:scale(.9);box-shadow:0 0 0 3px #ee1f4f2e}.sw__disc{border-radius:999px;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #1a237e2e}.shape.is-drag{background:#fff0f4;border-color:#ee1f4f;transform:translateY(-1px)}.shape-grid{grid-template-columns:repeat(5,1fr);gap:4px;padding:2px;display:grid}.shape{color:#1a237e;cursor:pointer;background:#fff;border:1px solid #e2e4ee;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .15s,transform .15s;display:flex}.shape:hover:not(:disabled){background:#fff0f4;transform:translateY(-1px)}.shape:disabled{opacity:.4;cursor:not-allowed}.shape svg{display:block}.rail__section--inspector{background:#fff;border:1px solid #e2e4ee;border-radius:10px;padding:12px}.insp{flex-direction:column;gap:8px;font-size:13px;display:flex}.insp__row{align-items:center;gap:8px;display:flex}.insp__key{color:#6b6f8e;width:54px;font-size:12px}.insp__val{color:#1a237e}.insp__row input[type=range]{accent-color:#ee1f4f;flex:1}.insp__actions{gap:6px;margin-top:4px;display:flex}.insp__hint{color:#ee1f4f;margin:6px 0 0;font-size:12px}.btn{cursor:pointer;font:inherit;border:none;border-radius:999px;padding:7px 12px;font-size:13px}.btn--ghost{color:#1a237e;background:#fff;border:1px solid #e2e4ee}.btn--ghost:hover{background:#f2f3fa}.btn--ghost:disabled{opacity:.4;cursor:not-allowed}.btn--danger{color:#ee1f4f;background:#fff0f4;border:1px solid #ffc9d6}.btn--danger:hover{background:#ffe0e8}.btn--accent{color:#fff;background:#ee1f4f}.btn--accent:hover:not(:disabled){background:#d81b45}.btn--accent:disabled{opacity:.4;cursor:not-allowed}.save-gallery{grid-template-columns:repeat(3,1fr);gap:8px;max-height:190px;margin:0;padding:2px;list-style:none;display:grid;overflow-y:auto}.save-thumb{flex-direction:column;gap:3px;min-width:0;display:flex;position:relative}.save-thumb__load{cursor:pointer;aspect-ratio:1;background:#fff;border:1px solid #e2e4ee;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.save-thumb__load:hover{border-color:#ee1f4f}.save-thumb__load img{object-fit:cover;width:100%;height:100%;display:block}.save-thumb__ph{color:#c8cbe0;font-size:20px}.save-thumb__name{color:#6b6f8e;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:10px;overflow:hidden}.save-thumb__del{color:#6b6f8e;cursor:pointer;background:#ffffffeb;border:none;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;display:flex;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #1a237e2e}.save-thumb__del:hover{color:#fff;background:#ee1f4f}.hint-q{vertical-align:text-bottom;color:#6b6f8e;cursor:pointer;background:#fff;border:1px solid #c8cbe0;border-radius:999px;justify-content:center;align-items:center;width:15px;height:15px;margin-left:5px;font-size:10px;line-height:1;display:inline-flex}.hint-q:hover,.hint-q[aria-expanded=true]{color:#ee1f4f;border-color:#ee1f4f}.save-hint{color:#9296b0;margin:0;font-size:11px;line-height:1.45}.save-status{color:#1a8f4d;margin:0;font-size:12px}.save-name-row{gap:6px;display:flex}.save-name-input{min-width:0;font:inherit;color:#1a237e;border:1px solid #e2e4ee;border-radius:999px;flex:1;padding:6px 10px;font-size:13px}.save-name-input:focus{border-color:#ee1f4f;outline:none}.rail__divider{border-top:1px solid #e2e4ee;margin:4px 0}.stage{background:#fff;min-height:0;position:relative}.stage__loading,.stage__empty{color:#6b6f8e;pointer-events:none;letter-spacing:.02em;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:0}.stage__empty{color:#9ea2bf;top:auto;bottom:24px}@media (width<=720px){.builder__body{grid-template-columns:1fr}.rail{border-bottom:1px solid #e2e4ee;border-right:none;max-height:42vh}}.drag-cursor{z-index:9999;pointer-events:none;will-change:transform, left, top;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.drag-cursor__ring{border-radius:999px;width:34px;height:34px;transition:width .18s,height .18s,box-shadow .18s;display:block;box-shadow:0 0 0 2px #fff,0 0 0 4px #1a237e40,0 8px 20px #1a237e40}.drag-cursor__ring.is-over{width:48px;height:48px;box-shadow:0 0 0 2px #fff,0 0 0 5px #ee1f4f,0 10px 26px #ee1f4f73}.drag-cursor__pulse{opacity:.28;pointer-events:none;border-radius:999px;width:34px;height:34px;animation:2.2s ease-out infinite drag-cursor-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drag-cursor__pulse.is-over{width:48px;height:48px;animation-duration:1.6s}.drag-cursor__pulse--shape{background:#ee1f4f8c}.drag-cursor__ring--shape{background:#fff;justify-content:center;align-items:center;display:flex}@keyframes drag-cursor-pulse{0%{opacity:.28;transform:translate(-50%,-50%)scale(1)}70%{opacity:0;transform:translate(-50%,-50%)scale(1.55)}to{opacity:0;transform:translate(-50%,-50%)scale(1.55)}}.drag-cursor__label{white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;color:#1a237e;background:#fffffff2;border-radius:999px;padding:6px 10px;font:500 11px/1 Josefin Sans,ui-sans-serif,system-ui,sans-serif;transition:background .15s,color .15s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #1a237e2e}.drag-cursor__label.is-over{color:#fff;background:#ee1f4f;box-shadow:0 6px 18px #ee1f4f66}