*{box-sizing:border-box}body{color:#fff;background:#0f0f14;margin:0;font-family:Arial,sans-serif;overflow:hidden}.app{background:#0f0b16;width:100vw;height:100vh}.toolbar{z-index:50;background:#1a1a24;border-bottom:1px solid #2a2a35;align-items:center;gap:8px;height:40px;padding:4px 8px;display:flex;position:relative}.title{margin-right:auto;font-weight:700}.save-status{opacity:.7;font-size:12px}button,.file-load{color:#fff;cursor:pointer;background:#2a2a35;border:none;border-radius:5px;padding:6px 9px}button.active{background:#6a1b9a;outline:2px solid #b26dff}.file-load input{display:none}.canvas-container{touch-action:none;background:#101015;justify-content:center;align-items:center;display:flex;position:absolute;inset:40px 0 0;overflow:hidden}.canvas-wrap{transform-origin:50%;position:relative}canvas{cursor:none;touch-action:none;image-rendering:auto;background:#fff;width:1600px;height:900px;box-shadow:0 12px 30px #00000073}.panel{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a1025e6;border:1px solid #3a2a4a;border-radius:10px;flex-direction:column;gap:7px;padding:10px;display:flex;position:absolute}.panel-header{cursor:pointer;opacity:.9;margin-bottom:4px;font-weight:700}.left{top:58px;left:12px}.right{top:58px;right:12px}.bottom{flex-direction:row;align-items:center;bottom:12px;left:50%;transform:translate(-50%)}.color-preview{border:2px solid #444;border-radius:6px;width:100%;height:28px}.panel-divider{background:#3a2a4a;height:1px;margin:6px 0}.panel-tab{z-index:70;color:#fff;background:#2a2a35;border:1px solid #3a2a4a;border-radius:6px;padding:6px 10px;position:absolute}.left-tab{top:60px;left:10px}.right-tab{top:60px;right:10px}.bottom-tab{bottom:10px;left:50%;transform:translate(-50%)}.canvas-wrap{position:relative}.brush-cursor{pointer-events:none;background:0 0;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000}.canvas-container{touch-action:none}.canvas-wrap{transform-origin:50%}canvas{cursor:none}.save-status{opacity:.7;margin-left:10px;font-size:12px}.color-buttons{flex-wrap:wrap;gap:6px;display:flex}.color-dot{touch-action:manipulation;border:2px solid #fff;border-radius:50%;width:28px;height:28px;padding:0}