:root{--bg:#fff;--panel:#fff;--panel-2:#f5f5f5;--line:#d4d4d4;--text:#0a0a0a;--dim:#686868;--accent:#000;--accent-2:#686868;--hover:#eee;--hover-line:#a3a3a3;--raised:#fff;--track:#d4d4d4;--stage-bg:#fff;--stage-glow:#f5f5f5;--checker-a:#e6e6e6;--checker-b:#fff;--radius:10px;--font:var(--kt-font-body);--mono:var(--kt-font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:500 var(--kt-ui-body-size)/1.4 var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}.app{height:calc(100dvh - var(--kt-nav-h,0px));flex-direction:column;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:linear-gradient(var(--panel), #f1eff5);flex:none;align-items:center;gap:24px;padding:12px 18px;display:flex}.stats{color:var(--dim);font-size:11px;font-family:var(--mono);gap:16px;margin-left:auto;display:flex}.stats strong{color:var(--text);font-weight:500}.stats .working{color:var(--accent)}.mini{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:7px 13px;transition:background .14s,border-color .14s,opacity .14s}.mini:hover{background:var(--hover);border-color:var(--hover-line)}.workspace{flex:1;grid-template-columns:306px 1fr;min-height:0;display:grid}.controls{border-right:1px solid var(--line);background:var(--panel);scrollbar-width:thin;padding-bottom:40px;overflow-y:auto}.canvas-area{background:radial-gradient(circle at 50% 0%, var(--stage-glow) 0%, var(--stage-bg) 70%);min-width:0;padding:22px;display:flex}.stage{border:1px solid var(--line);border-radius:12px;flex:1;min-width:0;overflow:hidden}.stage canvas{touch-action:none;width:100%;height:100%;display:block}.stage.checker{background-image:linear-gradient(45deg, var(--checker-a) 25%, transparent 25% 75%, var(--checker-a) 75%), linear-gradient(45deg, var(--checker-a) 25%, transparent 25% 75%, var(--checker-a) 75%);background-position:0 0,10px 10px;background-size:20px 20px;background-color:var(--checker-b)}.empty{text-align:center;color:var(--dim);margin:auto}.empty p{color:var(--text);margin:0 0 6px;font-size:14px}.empty span{font-size:12px}.panel{border-bottom:1px solid var(--line)}.panel-head{justify-content:space-between;align-items:center;padding:13px 14px 0;display:flex}.panel-head h2{font-size:var(--kt-ui-label-size);letter-spacing:.09em;text-transform:uppercase;color:var(--dim);text-align:left;margin:0;font-weight:500}.mini{border-radius:6px;padding:3px 9px;font-size:11px}.panel-body{flex-direction:column;gap:10px;padding:11px 14px 15px;display:flex}.note{font-size:var(--kt-ui-note-size);color:var(--dim);text-align:left;margin:0;line-height:1.4}.error{color:#a3243c;background:#fdeef1;border:1px solid #f3c7d0;border-radius:7px;margin:0;padding:7px 9px;font-size:11px}.row{flex-direction:column;gap:5px;display:flex}.row-label{color:var(--dim);justify-content:space-between;gap:8px;font-size:11.5px;display:flex}.row-label em{opacity:.7;font-size:10px;font-style:normal}.select,.text-input{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;width:100%;padding:7px 9px}.select{cursor:pointer}.text-input{resize:vertical;min-height:46px;font-size:18px;line-height:1.3}.text-input:focus,.select:focus{outline:1px solid var(--accent);border-color:var(--accent)}.slider{align-items:center;gap:9px;display:flex}.slider input[type=range]{appearance:none;background:var(--track);border-radius:3px;flex:1;min-width:0;height:3px}.slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);cursor:grab;border:none;border-radius:50%;width:13px;height:13px}.slider input[type=range]::-moz-range-thumb{background:var(--text);cursor:grab;border:none;border-radius:50%;width:13px;height:13px}.slider output{text-align:right;width:62px;font-family:var(--mono);color:var(--dim);flex:none;font-size:10.5px}.segmented{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;gap:2px;padding:2px;display:flex}.segmented button{text-align:center;color:var(--dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:1;padding:5px 4px;font-size:11px}.segmented button:hover{color:var(--text)}.segmented button.on{background:var(--raised);color:var(--text)}.color-field{gap:7px;display:flex}.color-field input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:7px;width:30px;height:30px;padding:0}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-field input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}.color-field input[type=text]{background:var(--panel-2);border:1px solid var(--line);min-width:0;font-family:var(--mono);border-radius:7px;flex:1;padding:0 8px;font-size:11px}.bloom-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.bloom-palette{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;height:28px;padding:0;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex;overflow:hidden}.bloom-palette:hover{border-color:var(--hover-line);transform:translateY(-1px)}.bloom-palette:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bloom-palette.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.bloom-palette span{flex:1}.toggle{color:var(--dim);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:2px 0;font-size:11.5px;display:flex}.toggle .knob{background:var(--track);border-radius:9px;flex:none;width:28px;height:16px;transition:background .16s;position:relative}.toggle .knob:after{content:"";background:var(--text);border-radius:50%;width:12px;height:12px;transition:transform .16s;position:absolute;top:2px;left:2px}.toggle.on{color:var(--text)}.toggle.on .knob{background:var(--accent)}.toggle.on .knob:after{background:var(--panel);transform:translate(12px)}.shape-grid{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.shape-grid.compact{grid-template-columns:repeat(8,1fr);gap:4px;margin-top:5px}.shape-cell{aspect-ratio:1;background:var(--panel-2);border:1px solid var(--line);color:var(--dim);cursor:pointer;border-radius:7px;place-items:center;transition:color .13s,border-color .13s,background .13s;display:grid}.shape-cell:hover{color:var(--text);border-color:var(--hover-line)}.shape-cell.on{color:var(--text);border-color:var(--accent);background:var(--raised)}.shape-cell.custom.on{border-color:var(--accent-2);background:#f4f3f8}.morph-set{flex-direction:column;display:flex}.presets{gap:5px;display:grid}.preset{text-align:left;background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;flex-direction:column;gap:1px;padding:7px 10px;display:flex}.preset:hover{border-color:var(--hover-line);background:var(--hover)}.preset strong{font-size:12px;font-weight:500}.preset span{color:var(--dim);font-size:10.5px}.dropzone{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;pointer-events:none;background:#ffffffdb;place-items:center;display:grid;position:fixed;inset:0}.dropzone>div{border:2px dashed var(--accent);border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:40px 64px;display:flex}.dropzone strong{font-size:16px}.dropzone span{color:var(--dim);font-size:12px}@media (max-width:900px){.workspace{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.controls{border-right:none;border-top:1px solid var(--line);order:2;max-height:45vh}.canvas-area{order:1;padding:12px}.stats{display:none}}.sequence{flex-direction:column;gap:4px;margin:5px 0 9px;padding:0;list-style:none;display:flex}.seq-chip{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:7px;align-items:center;gap:8px;padding:4px 5px 4px 7px;display:flex}.seq-index{font-family:var(--mono);color:var(--dim);flex:none;width:11px;font-size:10px}.seq-name{flex:1;font-size:11.5px}.seq-missing{color:var(--accent-2);text-align:center;width:17px;font-size:12px}.seq-btn{width:20px;height:20px;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;place-items:center;font-size:13px;line-height:1;display:grid}.seq-btn:hover:not(:disabled){background:var(--hover);color:var(--text);border-color:var(--line)}.seq-btn:disabled{opacity:.25;cursor:default}.seq-empty{font-size:var(--kt-ui-note-size);color:var(--dim);border:1px dashed var(--line);text-align:left;border-radius:7px;padding:7px 8px}.uploader{border:1px dashed var(--hover-line);background:#fbfafd;border-radius:10px;flex-direction:column;gap:9px;padding:9px;transition:border-color .14s,background .14s;display:flex}.uploader.over{border-color:var(--accent);background:#f0eef7}.uploader-target{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;transition:background .14s,border-color .14s;display:flex}.uploader-target:hover{background:var(--hover);border-color:var(--hover-line)}.uploader-icon{background:var(--hover);border:1px solid var(--hover-line);width:26px;height:26px;color:var(--text);border-radius:7px;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.uploader-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.uploader-copy strong{font-size:12px;font-weight:500}.uploader-copy span{color:var(--dim);font-size:10.5px}.uploader-kinds{flex-direction:column;gap:3px;display:flex}.uploader-kinds span{color:var(--dim);font-size:10px;line-height:1.35}.uploader-kinds em{color:#57546a;font-style:normal;font-family:var(--mono);margin-right:4px}.uploader-state{border-top:1px solid var(--line);color:var(--dim);justify-content:space-between;gap:8px;padding-top:7px;font-size:10px;display:flex}.uploader-state span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.uploader-state strong{color:var(--text);font-weight:500}.panel-hint{color:var(--dim);font-size:10px}.subjects{flex-direction:column;gap:4px;display:flex}.subject{background:var(--panel-2);border:1px solid var(--line);border-radius:7px;align-items:center;gap:4px;padding:3px 4px 3px 3px;transition:border-color .13s,background .13s;display:flex}.subject.on{border-color:var(--accent);background:var(--raised)}.subject-pick{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:8px;min-width:0;padding:2px 3px;display:flex}.subject-kind,.subject-thumb{border:1px solid var(--line);background:#e9e7f0;border-radius:5px;flex:none;width:24px;height:24px}.subject-kind{color:var(--dim);place-items:center;font-size:10px;display:grid}.subject-thumb{object-fit:contain;background:#d5d3dc;padding:2px}.subject-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11.5px;overflow:hidden}.select:disabled{opacity:.4;cursor:not-allowed}.controls .uploader-target,.controls .preset,.controls .mini{text-align:left;justify-content:flex-start}.kt-bloom .canvas-area{background:#f5f5f5;flex:1;min-height:0;padding:24px}.kt-bloom .stage{border-radius:2px}.kt-bloom .stats{flex-wrap:wrap;gap:14px;margin:0;font-size:12px;display:flex}.kt-bloom .panel{border:0;margin-bottom:26px}.kt-bloom .panel-head{padding:0 0 14px}.kt-bloom .panel-head h2{color:#000;text-transform:none;letter-spacing:0;font-size:14px}.kt-bloom .panel-body{gap:16px;padding:0}.kt-bloom .panel-hint{font-size:11px}.kt-bloom :is(.select,.text-input,.mini,.segmented,.color-field input){border-radius:var(--kt-ui-radius)}.kt-bloom .select,.kt-bloom .text-input{background:#fff}.kt-bloom .row-label,.kt-bloom .toggle{color:#333;font-size:12px}.kt-bloom .row-label em{opacity:1;color:#686868;font-size:11px}.kt-bloom .segmented{background:#f5f5f5}.kt-bloom .segmented button{border-radius:2px;padding:8px 4px;font-size:12px}.kt-bloom .segmented button.on{color:#fff;background:#000}.kt-bloom .shape-cell.on{color:#fff;background:#000;border-color:#000}.kt-bloom .note{font-size:12px}.kt-bloom .uploader{border-radius:4px}@media (max-width:700px){.kt-bloom .canvas-area{padding:16px}}.kt-bloom .custom-shapes{gap:6px;margin-top:14px;display:grid}.kt-bloom .custom-shape{border:1px solid #d4d4d4;border-radius:4px;align-items:center;display:flex;overflow:hidden}.kt-bloom .custom-shape-pick{cursor:pointer;text-align:left;background:#fff;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.kt-bloom .custom-shape-pick span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kt-bloom .custom-shape-pick.on{color:#fff;background:#000}.kt-bloom .custom-shape>.seq-btn{width:26px;height:30px;margin:0 6px}