:root{--crt-bg:#0a0a0a;--crt-text:#e2e8f0;--crt-text-muted:#94a3b8;--crt-border:#94a3b81f;--crt-primary:#3f3;--crt-primary-rgb:51, 255, 51;--crt-panel-bg:#0a0a0aeb;--crt-btn-bg:#94a3b81a;--crt-btn-hover:#94a3b833;--crt-slider-track:#94a3b833;--crt-slider-thumb:var(--crt-primary)}._crt-container{width:100%;height:100%;min-height:100vh;background:var(--crt-bg);touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;min-height:100dvh;position:relative;overflow:hidden}._crt-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}._crt-dropzone{z-index:10;-webkit-backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}._crt-dropzone-content{border-style:dashed;border-width:2px;border-color:rgba(var(--crt-primary-rgb), .4);color:var(--crt-text-muted);border-radius:16px;flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}._crt-dropzone-content svg{width:32px;height:32px;color:var(--crt-primary)}._crt-dropzone-content p{text-align:center;margin:0;font-size:1rem}._crt-settings-toggle{z-index:20;background:var(--crt-panel-bg);border-style:solid;border-width:1px;border-color:var(--crt-border);width:40px;height:40px;color:var(--crt-text-muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);opacity:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:8px;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:1rem;right:1rem}._crt-container:hover ._crt-settings-toggle,._crt-settings-toggle._crt-visible{opacity:1}._crt-settings-toggle:hover{color:var(--crt-text);background:var(--crt-btn-hover)}._crt-settings-toggle svg{width:18px;height:18px}@media (max-width:768px){._crt-settings-toggle{opacity:1;width:44px;height:44px}._crt-settings-toggle svg{width:20px;height:20px}}._crt-panel{z-index:30;width:300px;max-height:calc(100vh - 2rem);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:var(--crt-panel-bg);border-style:solid;border-width:1px;border-color:var(--crt-border);-webkit-backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:#94a3b833 transparent;border-radius:12px;max-height:calc(100dvh - 2rem);position:absolute;top:1rem;right:1rem;overflow-y:auto}._crt-panel::-webkit-scrollbar{width:4px}._crt-panel::-webkit-scrollbar-track{background:0 0}._crt-panel::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:2px}._crt-panel::-webkit-scrollbar-thumb:hover{background:#94a3b859}._crt-panel-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--crt-border);justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}._crt-panel-title{color:var(--crt-text);font-size:.875rem;font-weight:600}._crt-panel-close{width:28px;height:28px;color:var(--crt-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0 solid #0000;border-radius:6px;justify-content:center;align-items:center;display:flex}._crt-panel-close:hover{color:var(--crt-text);background:var(--crt-btn-hover)}._crt-panel-body{flex-direction:column;gap:1rem;padding:1rem;display:flex}._crt-control-group{flex-direction:column;gap:.5rem;display:flex}._crt-label{color:var(--crt-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}._crt-label-row{justify-content:space-between;align-items:center;display:flex}._crt-value{color:var(--crt-primary);font-size:.6875rem;font-weight:600;font-family:var(--main-font-mono)}._crt-mode-options{gap:.375rem;display:flex}._crt-mode-btn{background:var(--crt-btn-bg);border-style:solid;border-width:1px;border-color:var(--crt-border);color:var(--crt-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:6px;flex:1;padding:.4rem .75rem;font-size:.75rem;font-weight:500}._crt-mode-btn:hover{background:var(--crt-btn-hover);color:var(--crt-text)}._crt-mode-btn._crt-mode-active{background:rgba(var(--crt-primary-rgb), .15);border-color:rgba(var(--crt-primary-rgb), .4);color:var(--crt-primary)}._crt-image-controls{flex-direction:column;gap:.5rem;display:flex}._crt-upload-btn{background:rgba(var(--crt-primary-rgb), .1);border-style:solid;border-width:1px;border-color:rgba(var(--crt-primary-rgb), .3);width:100%;color:var(--crt-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.8125rem;font-weight:500;display:flex}._crt-upload-btn:hover{background:rgba(var(--crt-primary-rgb), .2)}._crt-upload-btn svg{width:14px;height:14px}._crt-upload-hint{color:var(--crt-text-muted);text-align:center;font-size:.6875rem}@media (hover:none) and (pointer:coarse){._crt-upload-hint{display:none}}._crt-text-controls{flex-direction:column;gap:.5rem;display:flex}._crt-textarea{background:var(--crt-btn-bg);border-style:solid;border-width:1px;border-color:var(--crt-border);width:100%;color:var(--crt-text);font-size:16px;font-family:var(--main-font-mono);resize:vertical;-webkit-appearance:none;appearance:none;border-radius:8px;outline:none;min-height:60px;padding:.5rem .75rem}._crt-textarea::placeholder{color:var(--crt-text-muted)}._crt-textarea:focus{border-color:rgba(var(--crt-primary-rgb), .4);box-shadow:0 0 0 2px rgba(var(--crt-primary-rgb), .1)}._crt-color-options{gap:.5rem;display:flex}._crt-color-btn{background:var(--swatch);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:2px solid #0000;border-radius:50%;width:26px;height:26px}._crt-color-btn:hover{opacity:.85}._crt-color-btn._crt-color-active{border-color:var(--crt-text);box-shadow:0 0 8px rgba(var(--crt-primary-rgb), .4)}._crt-preset-options{flex-wrap:wrap;gap:.375rem;display:flex}._crt-preset-btn{background:var(--crt-btn-bg);border-style:solid;border-width:1px;border-color:var(--crt-border);color:var(--crt-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:6px;padding:.3rem .625rem;font-size:.75rem;font-weight:500}._crt-preset-btn:hover{background:var(--crt-btn-hover);color:var(--crt-text)}._crt-preset-btn._crt-preset-active{background:rgba(var(--crt-primary-rgb), .15);border-color:rgba(var(--crt-primary-rgb), .4);color:var(--crt-primary)}._crt-slider{-webkit-appearance:none;appearance:none;background:var(--crt-slider-track);touch-action:pan-x;-webkit-tap-highlight-color:transparent;border-radius:2px;outline:none;width:100%;height:4px}._crt-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--crt-slider-thumb);cursor:pointer;width:16px;height:16px;box-shadow:0 0 6px rgba(var(--crt-primary-rgb), .4);border-radius:50%}._crt-slider::-moz-range-thumb{background:var(--crt-slider-thumb);cursor:pointer;width:16px;height:16px;box-shadow:0 0 6px rgba(var(--crt-primary-rgb), .4);border-width:0;border-radius:50%}._crt-download-btn{background:rgba(var(--crt-primary-rgb), .15);border-style:solid;border-width:1px;border-color:rgba(var(--crt-primary-rgb), .3);width:100%;color:var(--crt-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.8125rem;font-weight:500;display:flex}._crt-download-btn:hover{background:rgba(var(--crt-primary-rgb), .25)}._crt-download-btn svg{width:14px;height:14px}._crt-reset-btn{background:var(--crt-btn-bg);border-style:solid;border-width:1px;border-color:var(--crt-border);width:100%;color:var(--crt-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.8125rem;font-weight:500;display:flex}._crt-reset-btn:hover{background:var(--crt-btn-hover);color:var(--crt-text)}._crt-reset-btn svg{width:14px;height:14px}@media (max-width:768px){._crt-panel{width:calc(100vw - 2rem);max-width:360px;right:1rem}._crt-panel-header{z-index:1;background:var(--crt-panel-bg);position:sticky;top:0}._crt-panel-close{width:36px;height:36px}._crt-mode-btn{min-height:40px;padding:.625rem .75rem;font-size:.8125rem}._crt-preset-btn{min-height:38px;padding:.5rem .875rem;font-size:.8125rem}._crt-color-btn{width:32px;height:32px}._crt-color-options{gap:.625rem}._crt-upload-btn,._crt-download-btn,._crt-reset-btn{min-height:44px;padding:.75rem;font-size:.875rem}._crt-slider{height:6px}._crt-slider::-webkit-slider-thumb{width:22px;height:22px}._crt-slider::-moz-range-thumb{width:22px;height:22px}}@media (max-width:480px){._crt-panel{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem);top:.5rem;right:.5rem}}