._page_19qu1_1{color:#e9eee9;background:radial-gradient(circle at 86% 12%,#63e5dc1a,#0000 30rem),#091015;min-height:100svh}._header_19qu1_2{border-bottom:1px solid #d6e7e329;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(22px,4vw,64px);display:flex}._back_19qu1_3{color:#aeb9b7;align-items:center;gap:12px;font-size:15px;transition:all .2s;display:inline-flex}._back_19qu1_3:hover{color:#63e5dc}._brand_19qu1_5{letter-spacing:.18em;font:700 15px/1 ui-monospace,monospace}._status_19qu1_6{color:#c6ed69;letter-spacing:.12em;font:12px/1 ui-monospace,monospace}._intro_19qu1_7{justify-content:space-between;align-items:end;gap:40px;padding:58px clamp(22px,4vw,64px) 35px;display:flex}._eyebrow_19qu1_8{color:#63e5dc;letter-spacing:.17em;margin:0 0 13px;font:12px/1.2 ui-monospace,monospace}._intro_19qu1_7 h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5vw,72px);line-height:1}._introText_19qu1_10{color:#9ba8a6;max-width:520px;margin:0;font-size:16px;line-height:1.8}._workspace_19qu1_11{grid-template-columns:minmax(260px,330px) minmax(420px,1fr) minmax(300px,420px);align-items:start;gap:16px;padding:0 clamp(22px,4vw,64px) 70px;display:grid}._panel_19qu1_12{background:#0b1419c7;border:1px solid #d6e7e32b}._panelTitle_19qu1_13{color:#889895;letter-spacing:.13em;border-bottom:1px solid #d6e7e321;justify-content:space-between;align-items:center;min-height:48px;padding:0 17px;font:11px/1 ui-monospace,monospace;display:flex}._panelTitle_19qu1_13 strong{color:#e9eee9;font-size:13px;font-weight:500}._controls_19qu1_15{flex-direction:column;gap:22px;padding:18px;display:flex}._upload_19qu1_16{text-align:center;cursor:pointer;background:#63e5dc09;border:1px dashed #63e5dc61;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:22px;transition:all .2s;display:flex}._upload_19qu1_16:hover,._uploadActive_19qu1_17{background:#63e5dc14;border-color:#63e5dc}._uploadIcon_19qu1_18{color:#63e5dc;border:1px solid #63e5dc80;place-items:center;width:42px;height:42px;margin-bottom:13px;font-size:22px;display:grid}._upload_19qu1_16 strong{font-size:15px;font-weight:550}._upload_19qu1_16 small{color:#71817e;margin-top:7px;font-size:12px}._hiddenInput_19qu1_21{display:none}._control_19qu1_15{flex-direction:column;gap:10px;display:flex}._controlHead_19qu1_23{justify-content:space-between;align-items:center;font-size:14px;display:flex}._value_19qu1_24{color:#63e5dc;font:12px/1 ui-monospace,monospace}._range_19qu1_25{accent-color:#63e5dc;width:100%}._check_19qu1_26{color:#aeb9b7;align-items:center;gap:10px;font-size:13px;display:flex}._check_19qu1_26 input{accent-color:#63e5dc;width:15px;height:15px}._modes_19qu1_28{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}._mode_19qu1_28{color:#84928f;cursor:pointer;background:0 0;border:1px solid #d6e7e329;min-height:38px;font-size:13px}._modeActive_19qu1_30{color:#091015;background:#63e5dc;border-color:#63e5dc;font-weight:700}._palette_19qu1_31{flex-wrap:wrap;gap:8px;display:flex}._swatch_19qu1_32{cursor:pointer;border:2px solid #091015;outline:1px solid #e9eee93b;width:29px;height:29px}._swatchSelected_19qu1_33{outline-offset:2px;outline:2px solid #63e5dc}._previewBody_19qu1_34{flex-direction:column;gap:15px;min-height:570px;padding:18px;display:flex}._canvasStage_19qu1_35{background-color:#0d161b;background-image:linear-gradient(45deg,#152126 25%,#0000 25%),linear-gradient(-45deg,#152126 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#152126 75%),linear-gradient(-45deg,#0000 75%,#152126 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;flex:1;place-items:center;min-height:470px;display:grid;position:relative;overflow:auto}._canvasStage_19qu1_35 canvas{width:auto;max-width:100%;height:auto;max-height:520px;image-rendering:pixelated;box-shadow:0 18px 50px #0000005c}._placeholder_19qu1_37{text-align:center;color:#71817e;max-width:320px;font-size:14px;line-height:1.7}._placeholder_19qu1_37 span{color:#63e5dc;letter-spacing:.12em;margin-bottom:12px;font:12px/1 ui-monospace,monospace;display:block}._stats_19qu1_39{border:1px solid #d6e7e321;grid-template-columns:repeat(4,1fr);display:grid}._stat_19qu1_6{border-right:1px solid #d6e7e321;padding:13px}._stat_19qu1_6:last-child{border:0}._stat_19qu1_6 span{color:#71817e;letter-spacing:.1em;margin-bottom:8px;font:10px/1 ui-monospace,monospace;display:block}._stat_19qu1_6 strong{font:500 15px/1 ui-monospace,monospace}._codeBody_19qu1_44{padding:16px}._textarea_19qu1_45{resize:vertical;color:#aeece7;word-break:break-all;background:#070d11;border:1px solid #d6e7e324;outline:none;width:100%;min-height:450px;padding:15px;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}._textarea_19qu1_45:focus{border-color:#63e5dc99}._actions_19qu1_47{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}._button_19qu1_48{color:#e9eee9;cursor:pointer;background:0 0;border:1px solid #d6e7e32e;min-height:44px;font-size:14px;transition:all .2s}._primary_19qu1_49{color:#091015;background:#63e5dc;border-color:#63e5dc;font-weight:700}._button_19qu1_48:hover{border-color:#63e5dc}._note_19qu1_51{color:#71817e;margin:14px 0 0;font-size:12px;line-height:1.65}._error_19qu1_52{color:#ffbd59;margin:0;font-size:13px}._fileName_19qu1_53{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}@media (width<=1280px){._workspace_19qu1_11{grid-template-columns:300px 1fr}._codePanel_19qu1_54{grid-column:1/-1}._textarea_19qu1_45{min-height:240px}}@media (width<=800px){._header_19qu1_2{height:70px}._status_19qu1_6{display:none}._intro_19qu1_7{flex-direction:column;align-items:start;padding-top:42px}._workspace_19qu1_11{grid-template-columns:1fr}._codePanel_19qu1_54{grid-column:auto}._previewBody_19qu1_34{min-height:420px}._canvasStage_19qu1_35{min-height:320px}._stats_19qu1_39{grid-template-columns:repeat(2,1fr)}._stat_19qu1_6:nth-child(2){border-right:0}._stat_19qu1_6:nth-child(-n+2){border-bottom:1px solid #d6e7e321}}