*{box-sizing:border-box}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#080b10;color:#f5f7fb}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,rgba(30,90,190,.18),transparent 32%),linear-gradient(180deg,#0b0f15,#07090d)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(1280px,calc(100% - 32px));margin:auto;padding:32px 0;display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px}.panel{background:rgba(16,21,29,.94);border:1px solid #202a38;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.controls-panel,.preview-panel{padding:24px}.preview-panel{min-height:620px;display:flex;flex-direction:column}.brand-row,.preview-header,.field-label-row,.preview-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-row{margin-bottom:28px}h1,h2{margin:0;line-height:1.1}h1{font-size:28px}h2{font-size:20px}.eyebrow{margin:0 0 6px;font-size:11px;letter-spacing:.18em;color:#5994ff;font-weight:800}.status-dot{width:10px;height:10px;border-radius:50%;background:#3e7cff;box-shadow:0 0 0 6px rgba(62,124,255,.12)}.field{display:block;margin-top:17px}.field>span,.field-label-row span{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:#cbd3df}textarea,select,input[type=number]{width:100%;border:1px solid #293547;background:#0b1017;color:#f4f7fb;border-radius:10px;outline:none;padding:12px 13px}textarea{resize:vertical;min-height:88px}input[type=range]{width:100%;accent-color:#3f7cff}output{color:#70a2ff;font-size:13px;font-weight:800}.scale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scale-button,.download-button,.preview-actions button{border:1px solid #2a3850;color:#dce6f6;background:#101722;border-radius:9px}.scale-button{padding:10px}.scale-button.active,.scale-button:hover,.preview-actions button:hover{border-color:#3f7cff;background:#14264a}.download-button{width:100%;margin-top:22px;padding:13px;background:#2563d9;border-color:#3f7cff;color:#fff;font-weight:800}.preview-header{margin-bottom:18px}.preview-actions{justify-content:flex-end;flex-wrap:wrap}.preview-actions button{padding:6px 9px}.preview-actions span{font-size:12px;color:#8b9ab0}.canvas-wrap{flex:1;min-height:470px;border:1px solid #1d2939;border-radius:14px;background:linear-gradient(45deg,#0c1119 25%,transparent 25%),linear-gradient(-45deg,#0c1119 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#0c1119 75%),linear-gradient(-45deg,transparent 75%,#0c1119 75%),#101722;background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:grab;user-select:none}.canvas-wrap:active{cursor:grabbing}#canvasStage{transform-origin:center center;will-change:transform}canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.notice{min-height:18px;margin:12px 0 0;color:#7f8da1;font-size:12px}@media(max-width:820px){.app-shell{grid-template-columns:1fr;padding:18px 0}.preview-header{align-items:flex-start;flex-direction:column}.preview-panel{min-height:480px}.canvas-wrap{min-height:350px}}