@font-face{font-family:IoskeleyMono;src:url(/fonts/IoskeleyMono-Regular.woff2)format("woff2");font-weight:400;font-display:block}:root{--bg:#000;--panel:#050506;--panel-2:#0b0b0d;--ink:#e9e9ec;--ink-dim:#e9e9ec85;--ink-faint:#e9e9ec47;--line:#e9e9ec2e;--line-soft:#e9e9ec17;--bright:#fff;--mono:"IoskeleyMono", ui-monospace, "SF Mono", Menlo, monospace;--pad:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font:13px/1.4 var(--mono);margin:0}button,input,textarea,select{font:inherit;color:inherit}::selection{background:var(--bright);color:var(--bg)}.app{height:100%;padding:var(--pad);flex-direction:column;gap:10px;display:flex}.panel{border:1px solid var(--line);background:var(--panel);border-radius:6px;position:relative}.label{letter-spacing:.18em;color:var(--ink-dim);font-size:10px}.btn{border:1px solid var(--line);letter-spacing:.12em;cursor:pointer;background:0 0;border-radius:4px;padding:6px 10px;font-size:11px}.btn:hover:not(:disabled){border-color:var(--ink-dim);color:var(--bright)}.btn:disabled{color:var(--ink-faint);cursor:default}.btn--primary{background:var(--bright);color:var(--bg);border-color:var(--bright)}.btn--primary:hover:not(:disabled){color:var(--bright);background:0 0}.topbar{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.topbar__brand{letter-spacing:.12em;color:var(--bright);align-items:center;gap:8px;margin-right:auto;display:flex}.topbar__brand svg{width:22px;height:22px}.topbar__version{letter-spacing:.08em;color:var(--ink-faint);font-size:10px}.recent{position:relative}.recent__menu{z-index:20;width:300px;max-height:60vh;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.recent__item{border-radius:4px;align-items:center;gap:8px;padding:6px;display:flex}.recent__item:hover{background:var(--panel-2)}.recent__item.is-current{outline:1px solid var(--line)}.recent__open{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.recent__thumb{object-fit:cover;border:1px solid var(--line-soft);background:var(--panel-2);flex:none;width:36px;height:36px}.recent__title{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.recent__time{color:var(--ink-faint);font-size:10px;display:block}.recent__del{color:var(--ink-faint);cursor:pointer;background:0 0;border:0}.recent__del:hover{color:var(--bright)}.dropdown{position:relative}.dropdown__menu{z-index:20;white-space:nowrap;min-width:100%;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0}.dropdown__menu--end{min-width:180px;max-height:70vh;left:auto;right:0;overflow-y:auto}.dropdown__item{text-align:left;letter-spacing:.14em;cursor:pointer;background:0 0;border:0;border-radius:4px;width:100%;padding:8px 10px;font-size:11px;display:block}.dropdown__item:hover:not(:disabled){background:var(--panel-2);color:var(--bright)}.dropdown__item.is-current{color:var(--bright);outline:1px solid var(--line)}.dropdown__item:disabled{color:var(--ink-faint);cursor:default}.btn--icon{align-items:center;gap:6px;display:inline-flex}.btn--icon svg{flex:none;width:12px;height:12px}.modal{background:var(--panel);width:min(420px,100% - 32px);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:0}.modal::backdrop{background:#000000b3}.modal__body{padding:18px}.modal__body h2{margin:0 0 12px;font-weight:400}.modal__steps{gap:6px;margin:0 0 18px;padding-left:20px;display:grid}.modal__steps li:last-child{color:var(--bright)}.modal__actions{justify-content:flex-end;gap:8px;display:flex}.workspace{flex:1;grid-template-columns:minmax(0,1fr) 400px;gap:10px;min-height:0;display:grid}.editor{grid-template-columns:minmax(0,1fr) 320px;gap:10px;min-height:0;display:grid}.stage-wrap{background:var(--panel);place-items:center;min-height:0;padding:22px;display:grid;overflow:hidden}.stage-box{box-shadow:0 0 0 1px var(--line);position:relative}.stage-box .handle{background:var(--bg);border:1px solid var(--bright);z-index:5;width:7px;height:7px;position:absolute}.stage-box .tl{top:-4px;left:-4px}.stage-box .tr{top:-4px;right:-4px}.stage-box .bl{bottom:-4px;left:-4px}.stage-box .br{bottom:-4px;right:-4px}.stage-hint{border:1px dashed var(--ink-dim);letter-spacing:.14em;color:var(--ink);pointer-events:none;text-align:center;background:#000000b3;padding:8px 12px;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor.is-dragging .stage-wrap{outline:1px dashed var(--bright);outline-offset:-6px}.side{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:auto}.layers{padding:8px}.layers ul{margin:8px 0 0;padding:0;list-style:none}.layer{border-radius:4px;grid-template-columns:24px 1fr 24px;align-items:center;gap:4px;display:grid}.layer.is-selected{background:var(--panel-2);outline:1px solid var(--line)}.layer__name{text-align:left;cursor:pointer;letter-spacing:.1em;background:0 0;border:0;padding:6px 4px;font-size:11px}.layer__name:disabled{color:var(--ink-faint);cursor:default}.icon-btn{width:24px;height:24px;color:var(--ink-dim);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:12px;display:grid}.icon-btn:hover:not(:disabled){color:var(--bright)}.icon-btn.is-off{color:var(--ink-faint)}.icon-btn:disabled{visibility:hidden}.icon-btn.is-locked{background:var(--bright);width:20px;height:20px;color:var(--bg);border-radius:4px;margin:2px}.icon-btn.is-locked:hover:not(:disabled){color:var(--bg);background:var(--ink)}.props{flex-direction:column;gap:10px;padding:8px;display:flex}.field{letter-spacing:.14em;color:var(--ink-dim);flex-direction:column;gap:4px;font-size:10px;display:flex}.field span{justify-content:space-between;display:flex}.field em{color:var(--ink);font-style:normal}.link-copy{background:var(--panel-2);border:1px solid var(--line);letter-spacing:0;width:100%;color:var(--ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:copy;border-radius:4px;padding:7px;font-size:12px;overflow:hidden}.link-copy:hover{border-color:var(--ink-dim);color:var(--bright)}.field input[type=text],.field textarea{background:var(--panel-2);border:1px solid var(--line);letter-spacing:0;color:var(--ink);resize:vertical;border-radius:4px;padding:7px;font-size:12px}.field input[type=range]{accent-color:var(--bright)}.field__range{align-items:center;gap:6px}.field__range input{flex:1;min-width:0}.field__reset{border:1px solid var(--line-soft);width:18px;height:18px;color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:3px;flex:none;padding:0;font-size:11px;line-height:1}.field__reset:hover:not(:disabled){border-color:var(--ink-dim);color:var(--bright)}.field__reset:disabled{opacity:.3;cursor:default}.check{letter-spacing:.1em;cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.check input{accent-color:var(--bright)}.row{flex-wrap:wrap;gap:6px;display:flex}.note{color:var(--ink-faint);margin:0;font-size:11px}.feed{min-height:0;display:flex}.feed-panel{flex-direction:column;flex:1;min-height:0;display:flex}.feed-panel__head{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:10px;display:flex}.tabs{gap:4px;display:flex}.feed-search{display:flex;position:relative}.feed-search input{background:var(--panel-2);border:1px solid var(--line);letter-spacing:.14em;min-width:0;color:var(--ink);border-radius:4px;flex:1;padding:7px 28px 7px 8px;font-size:11px}.feed-search input:focus{border-color:var(--ink-dim);outline:none}.feed-search button{color:var(--ink-dim);cursor:pointer;background:0 0;border:0;padding:2px 8px;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.feed-search button:hover{color:var(--bright)}.tabs button{border:1px solid var(--line-soft);letter-spacing:.14em;color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:4px;flex:1;padding:5px 0;font-size:10px}.tabs button.is-active{border-color:var(--ink-dim);color:var(--bright)}.tabs--grid{grid-template-columns:1fr 1fr;display:grid}.tabs--grid button{padding:5px 4px}.field--color{flex:1;min-width:0}.field--color span{gap:6px}.field--color input{border:1px solid var(--line-soft);cursor:pointer;appearance:none;background:0 0;border-radius:4px;width:100%;height:28px;padding:0;overflow:hidden}.field--color input::-webkit-color-swatch-wrapper{padding:0}.field--color input::-webkit-color-swatch{border:0;border-radius:0}.field--color input::-moz-color-swatch{border:0;border-radius:0}.feed-list{flex:1;min-height:0;margin:0;padding:6px;list-style:none;overflow:auto}.feed-status{border:1px dashed var(--ink-dim);letter-spacing:.14em;cursor:pointer;background:0 0;border-radius:4px;width:100%;margin-bottom:6px;padding:8px;font-size:11px}.card-row{position:relative}.card{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;grid-template-columns:84px 1fr;gap:10px;width:100%;margin-bottom:4px;padding:8px;display:grid}.card:hover{background:var(--panel-2)}.card.is-active{border-color:var(--ink-dim);background:var(--panel-2)}.card__thumb{background:var(--panel-2);border:1px solid var(--line-soft);place-items:center;width:84px;height:84px;display:grid;overflow:hidden}.card__thumb img{object-fit:cover;width:100%;height:100%}.card__noimg{letter-spacing:.14em;color:var(--ink-faint);font-size:9px}.card__body{flex-direction:column;gap:3px;min-width:0;padding-right:18px;display:flex}.card__meta{letter-spacing:.16em;color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.card__title{color:var(--bright);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;font-weight:400;display:-webkit-box;overflow:hidden}.card__desc{color:var(--ink-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.card__link{color:var(--ink-dim);padding:2px 4px;text-decoration:none;position:absolute;top:8px;right:8px}.card__link:hover{color:var(--bright)}.feed-more{margin:8px}.feed-none{letter-spacing:.14em;color:var(--ink-faint);padding:8px;font-size:11px}@media (width<=1200px){.app{height:auto;min-height:100%}.workspace,.editor{grid-template-columns:1fr}.stage-wrap{height:min(80vh,760px)}.feed{height:80vh}}@media (width<=640px){:root{--pad:8px}.recent,.dropdown{position:static}.recent__menu,.dropdown__menu{top:calc(var(--menu-top) + 6px);width:auto;min-width:0;left:8px;right:8px}.stage-wrap{height:70vh;padding:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}