:root{--primary:#8b5cf6;--bg-color:#1a1a1a;--ui-bg:#1e1e1ebf;--ui-border:#ffffff1a;--text-color:#f1f1f1}*{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;padding:0}body,html{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}#glcanvas{width:100%;height:100%;display:block}#ui-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glass{background:var(--ui-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ui-border);pointer-events:auto;border-radius:16px}#toolbar{align-items:center;gap:12px;padding:12px 24px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}#toolbar.drawing{opacity:.2;transform:translate(-50%)scale(.9)}.btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-weight:600;transition:background .2s}.btn:hover{background:#ffffff1a}.btn-primary{background:var(--primary)}.btn-primary:hover{background:#7c3aed}#layer-panel{flex-direction:column;gap:8px;width:250px;padding:16px;display:flex;position:absolute;top:24px;right:24px}.layer-item{background:#0003;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:8px;display:flex}.layer-item.active{border-color:var(--primary)}#ai-loading{pointer-events:auto;z-index:1000;opacity:0;pointer-events:none;background:#000c;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}#ai-loading.visible{opacity:1;pointer-events:auto}.spinner{border:4px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}