:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Hiragino Sans,Yu Gothic,Meiryo,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{flex-direction:column;height:100vh;margin:0;display:flex}#topbar{border-bottom:1px solid #8884;align-items:center;gap:16px;padding:8px 16px;display:flex}#topbar h1{margin:0;font-size:16px}.privacy-note{opacity:.75;font-size:12px}.top-actions{gap:8px;margin-left:auto;display:flex}#layout{flex:1;min-height:0;display:flex}#stage-area{background:repeating-conic-gradient(#8882 0% 25%,#0000 0% 50%) 0 0/24px 24px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:16px;display:flex;overflow:auto}#dropzone{text-align:center;background:canvas;border:2px dashed #8888;border-radius:12px;padding:48px}#dropzone.dragging{border-color:#4a90d9}.file-btn{color:#fff;cursor:pointer;background:#4a90d9;border-radius:6px;padding:8px 20px;display:inline-block}.hint{opacity:.7;font-size:12px}#canvas-wrap{max-width:100%;position:relative}#preview-canvas{max-width:100%;height:auto;display:block}#konva-holder{position:absolute;inset:0}#stage-status{min-height:1em;margin-top:8px;font-size:12px}#panels{border-left:1px solid #8884;flex-direction:column;gap:8px;width:300px;padding:8px;display:flex;overflow-y:auto}.panel{border:1px solid #8884;border-radius:8px;padding:10px}.panel h2{align-items:center;gap:8px;margin:0 0 8px;font-size:13px;display:flex}.panel label{align-items:center;gap:6px;margin:4px 0;font-size:12px;display:flex}.panel input[type=range]{flex:1}.panel button{cursor:pointer;margin:2px 2px 2px 0;padding:4px 10px;font-size:12px}.panel button.active{color:#fff;background:#4a90d9}.panel textarea{width:100%;font-size:12px}.panel .warn{color:#c0392b;font-size:12px}.panel .note{opacity:.75;font-size:11px}select,input[type=number]{font-size:12px}