@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-app:#1a1a1a;--bg-canvas:#242424;--border-color:#333;--text-primary:#eee;--text-secondary:#999;--text-muted:#666;--accent:#0d99ff;--accent-hover:#0b83d9;--accent-text:#fff;--panel-width:280px;--panel-right-width:320px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.app-container{width:100vw;height:100vh;display:flex}.panel{background-color:var(--bg-app);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;display:flex}.panel-right{border-right:none;border-left:1px solid var(--border-color);background-color:var(--bg-app)}.canvas-container{background-color:var(--bg-canvas);background-image:radial-gradient(circle,#3a3a3a 1px,#0000 1px);background-size:20px 20px;flex:1;position:relative;overflow:hidden}.heading{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:600}.panel-section{border-bottom:1px solid var(--border-color);flex-direction:column;gap:12px;padding:16px;display:flex}.input-base{border:1px solid var(--border-color);color:var(--text-primary);background:0 0;border-radius:6px;width:100%;padding:6px 10px;font-family:Inter,sans-serif;font-size:13px;transition:all .2s}.input-base:focus{border-color:var(--accent);background:#0d99ff0d;outline:none}.input-label{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent);color:var(--accent-text)}.btn-primary:hover{background-color:var(--accent-hover)}.item-draggable{background:var(--bg-canvas);border:1px solid var(--border-color);cursor:grab;color:var(--text-primary);border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.item-draggable:hover{border-color:var(--text-secondary);background:#2a2a2a}.item-draggable:active{cursor:grabbing}@media print{body *{visibility:hidden}.export-modal-overlay{background:0 0!important;width:100vw!important;height:100vh!important;position:absolute!important;top:0!important;left:0!important}.export-modal-content{width:100vw!important;height:auto!important;box-shadow:none!important;border:none!important}.no-print{display:none!important}.print-area,.print-area *{visibility:visible!important}.print-area{width:100%!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}}