*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a2e;color:#e0e0e0;height:100vh;overflow:hidden}.app-layout{display:flex;flex-direction:column;height:100vh}.toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#16213e;border-bottom:1px solid #0f3460;flex-shrink:0;flex-wrap:wrap}.toolbar-brand{display:flex;flex-direction:column;margin-right:8px}.brand-name{font-size:18px;font-weight:700;color:#e94560;letter-spacing:.5px}.brand-sub{font-size:10px;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.toolbar-actions{display:flex;align-items:center;gap:8px}.toolbar-info{display:flex;align-items:center;gap:6px;margin-left:auto}.separator{width:1px;height:24px;background:#0f3460}.btn{padding:7px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#e94560;color:#fff}.btn-primary:hover:not(:disabled){background:#c73652}.btn-secondary{background:#0f3460;color:#e0e0e0}.btn-secondary:hover:not(:disabled){background:#1a4a80}.btn-danger{background:#7f1d1d;color:#fca5a5}.btn-danger:hover:not(:disabled){background:#991b1b}.info-chip{font-size:11px;padding:3px 8px;border-radius:10px;background:#0f3460;color:#7f8c8d}.info-chip--selected{background:#1a4a80;color:#60a5fa}.info-hint{font-size:11px;color:#4b5563;font-style:italic}.main-area{flex:1;display:flex;overflow:auto;padding:24px;justify-content:center;align-items:flex-start}.canvas-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.canvas-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.canvas-border{border:2px solid #374151;border-radius:2px;box-shadow:0 4px 24px #00000080;overflow:hidden;cursor:default}