@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&family=Inter:wght@300;400;600;800&display=swap";:root{--bg-main: #03050a;--bg-card: #070b14;--bg-darker: #04060c;--neon-cyan: #00F5FF;--neon-magenta: #FF006E;--neon-green: #39FF14;--neon-purple: #BD00FF;--text-white: #E2E8F0;--text-gray: #4a5d78}body{margin:0;background-color:var(--bg-main);color:var(--text-white);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.boot-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-main);display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.boot-card{position:relative;width:480px;background:#070b14e6;border:1px solid rgba(0,245,255,.3);box-shadow:0 0 30px #00f5ff26;padding:40px;border-radius:4px;text-align:center;z-index:10}.boot-tag{font-family:Fira Code,monospace;font-size:10px;color:var(--neon-magenta);letter-spacing:2px;margin-bottom:24px}.hologram-core{position:relative;width:100px;height:100px;margin:0 auto 30px;display:flex;justify-content:center;align-items:center}.core-ring{position:absolute;border-radius:50%;border:2px solid transparent}.core-ring.outer{width:100px;height:100px;border-top-color:var(--neon-cyan);border-bottom-color:var(--neon-cyan);animation:spin 3s infinite linear}.core-ring.middle{width:76px;height:76px;border-left-color:var(--neon-magenta);border-right-color:var(--neon-magenta);animation:spin 2s infinite linear reverse}.core-ring.inner{width:50px;height:50px;background:#00f5ff0d;display:flex;justify-content:center;align-items:center}.boot-title{font-family:Fira Code,monospace;font-size:28px;font-weight:800;margin:0 0 8px;color:#fff;letter-spacing:3px;text-transform:uppercase}.boot-subtitle{font-family:Fira Code,monospace;font-size:10px;color:var(--text-gray);letter-spacing:1px;margin-bottom:30px}.boot-status-box{background:var(--bg-darker);border:1px solid rgba(255,255,255,.05);border-radius:2px;padding:12px;text-align:left;margin-bottom:30px;font-family:Fira Code,monospace}.status-header{display:flex;align-items:center;margin-bottom:8px}.status-title{font-size:8px;color:var(--text-gray);margin-left:8px}.status-body{font-size:10px;color:var(--neon-green);min-height:36px}.loading-bar-container{width:100%;height:3px;background:#ffffff0d;margin-top:8px;border-radius:1px;overflow:hidden}.loading-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta));animation:loading-fill 2s infinite linear}@keyframes loading-fill{0%{transform:translate(-100%)}to{transform:translate(100%)}}.boot-btn{width:100%;background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:Fira Code,monospace;font-size:12px;font-weight:700;padding:14px;cursor:pointer;letter-spacing:2px;transition:all .3s;box-shadow:0 0 10px #00f5ff1a}.boot-btn:hover:not(:disabled){background:var(--neon-cyan);color:#000;box-shadow:0 0 20px var(--neon-cyan)}.boot-btn.booting{border-color:var(--neon-magenta);color:var(--neon-magenta);box-shadow:0 0 20px #ff006e33}.app-container{display:flex;flex-direction:column;min-height:100vh;padding:16px;box-sizing:border-box;background-image:radial-gradient(rgba(0,245,255,.05) 1px,transparent 0),radial-gradient(rgba(255,0,110,.05) 1px,transparent 0);background-size:40px 40px;background-position:0 0,20px 20px}.cyber-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,245,255,.2);padding-bottom:12px;margin-bottom:16px;position:relative}.cyber-header:after{content:"";position:absolute;bottom:-1px;left:0;width:100px;height:1px;background-color:var(--neon-magenta);box-shadow:0 0 8px var(--neon-magenta)}.tech-brackets{position:relative;padding-left:12px;border-left:3px solid var(--neon-cyan)}.cyber-tag{font-family:Fira Code,monospace;font-size:9px;color:var(--neon-magenta);letter-spacing:3px;font-weight:700}.cyber-title{font-family:Fira Code,monospace;font-size:22px;font-weight:800;margin:0;color:#fff;letter-spacing:2px;position:relative;text-transform:uppercase}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-main)}.glitch:before{left:2px;text-shadow:-1.5px 0 var(--neon-cyan);clip:rect(44px,450px,56px,0);animation:glitch-anim 4s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1.5px 0 var(--neon-magenta);clip:rect(85px,450px,140px,0);animation:glitch-anim2 4s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(12px,9999px,94px,0)}20%{clip:rect(65px,9999px,15px,0)}to{clip:rect(37px,9999px,115px,0)}}@keyframes glitch-anim2{0%{clip:rect(86px,9999px,126px,0)}50%{clip:rect(112px,9999px,5px,0)}to{clip:rect(19px,9999px,75px,0)}}.system-status-grid{display:flex;gap:12px;align-items:center}.status-item{display:flex;align-items:center;gap:6px;font-family:Fira Code,monospace;font-size:10px;color:var(--text-gray);background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:4px 8px;border-radius:2px}.status-indicator{display:flex;align-items:center;gap:6px;background:#00f5ff0d;padding:4px 10px;border:1px solid rgba(0,245,255,.2);border-radius:2px}.pulse-dot{width:6px;height:6px;background-color:var(--neon-green);border-radius:50%;box-shadow:0 0 8px var(--neon-green);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(.9);opacity:.6}50%{transform:scale(1.2);opacity:1}}.status-text{font-family:Fira Code,monospace;font-size:10px;color:var(--text-white);font-weight:700}.main-grid{display:grid;grid-template-columns:320px 1fr;gap:16px;flex:1}.control-panel{display:flex;flex-direction:column;gap:12px;background-color:var(--bg-card);border:1px solid rgba(0,245,255,.1);border-radius:3px;padding:12px;max-height:calc(100vh - 85px);overflow-y:auto;box-shadow:inset 0 0 15px #00f5ff0d}.panel-section{position:relative;background:#04060c99;border:1px solid rgba(255,255,255,.03);padding:10px;border-radius:2px}.section-header{position:relative;margin-bottom:10px}.corner-decor{position:absolute;width:4px;height:4px;border-color:var(--neon-cyan);border-style:solid;pointer-events:none}.corner-decor.top-left{top:-4px;left:-4px;border-width:1px 0 0 1px}.corner-decor.top-right{top:-4px;right:-4px;border-width:1px 1px 0 0}.section-title{display:flex;align-items:center;gap:8px;font-family:Fira Code,monospace;font-size:11px;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:1px}.neon-cyan-text{color:var(--neon-cyan);text-shadow:0 0 6px rgba(0,245,255,.4)}.neon-magenta-text{color:var(--neon-magenta);text-shadow:0 0 6px rgba(255,0,110,.4)}.neon-green-text{color:var(--neon-green);text-shadow:0 0 6px rgba(57,255,20,.4)}.tech-gray-text{color:var(--text-gray)}.toggle-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cyber-switch{position:relative;display:inline-block;width:34px;height:18px}.cyber-switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:.3s;border-radius:9px}.cyber-switch input:checked+.switch-slider{background-color:#ff006e33;border-color:var(--neon-magenta)}.switch-slider:before{position:absolute;content:"";height:10px;width:10px;left:3px;bottom:3px;background-color:var(--text-gray);transition:.3s;border-radius:50%}.cyber-switch input:checked+.switch-slider:before{transform:translate(16px);background-color:var(--neon-magenta);box-shadow:0 0 6px var(--neon-magenta)}.cover-inputs{display:flex;flex-direction:column;gap:8px;background:#0000004d;padding:8px;border-radius:2px;border:1px solid rgba(255,0,110,.1)}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{font-family:Fira Code,monospace;font-size:8px;color:var(--text-gray)}.cyber-input{background:#04060ce6;border:1px solid rgba(255,255,255,.1);border-radius:2px;padding:4px 6px;color:var(--text-white);font-family:Fira Code,monospace;font-size:9px}.cyber-input:focus{outline:none;border-color:var(--neon-magenta);box-shadow:0 0 6px #ff006e33}.upload-zone{border:1px dashed rgba(0,245,255,.25);background:#00f5ff03;border-radius:2px;padding:12px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--neon-cyan);background:#00f5ff08}.scanner-line{position:absolute;top:0;left:0;width:100%;height:1px;background:var(--neon-cyan);opacity:.5;animation:scan-y 3s infinite linear}@keyframes scan-y{0%{top:0%}50%{top:100%}to{top:0%}}.tech-font{font-family:Fira Code,monospace;font-size:10px;font-weight:700;margin:6px 0 2px}.hint-text{font-family:Fira Code,monospace;font-size:8px;color:var(--text-gray)}.uploaded-preview-container{position:relative;width:100%;height:70px;border-radius:2px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.uploaded-preview{width:100%;height:100%;object-fit:cover}.upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#04060ce6;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;opacity:0;transition:opacity .2s ease;font-family:Fira Code,monospace;font-size:10px;color:var(--neon-cyan)}.uploaded-preview-container:hover .upload-overlay{opacity:1}.keying-controls{margin-top:8px;background:#04060ccc;border:1px solid rgba(0,245,255,.15);padding:8px;border-radius:2px}.control-row-header{display:flex;align-items:center;gap:6px;font-size:9px;font-family:Fira Code,monospace;color:var(--neon-cyan);margin-bottom:6px}.color-picker-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.color-picker-row .label{font-family:Fira Code,monospace;font-size:9px;color:var(--text-gray)}.color-presets{display:flex;gap:6px;align-items:center}.color-dot{width:14px;height:14px;border-radius:2px;cursor:pointer;border:1px solid rgba(255,255,255,.2)}.color-dot.green{background-color:#0f0;box-shadow:0 0 6px #0f0}.color-dot.blue{background-color:#00f;box-shadow:0 0 6px #00f}.color-picker-wrapper{width:14px;height:14px;border-radius:2px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.2)}.color-picker-wrapper input[type=color]{position:absolute;top:-5px;left:-5px;width:24px;height:24px;cursor:pointer;padding:0;border:none}.auto-detect-btn{background:#00f5ff14;border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:Fira Code,monospace;font-size:8px;padding:2px 6px;border-radius:1px;cursor:pointer}.auto-detect-btn:hover{background:var(--neon-cyan);color:#000}.slider-row{display:flex;flex-direction:column;gap:4px}.slider-labels{display:flex;justify-content:space-between;font-family:Fira Code,monospace;font-size:9px;color:var(--text-gray)}.cyber-slider{-webkit-appearance:none;width:100%;height:3px;background:#0f172a;border-radius:1px;outline:none}.cyber-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan);cursor:pointer}.cyber-textarea{width:100%;height:40px;background:#04060ce6;border:1px solid rgba(255,0,110,.3);border-radius:2px;padding:6px;color:var(--text-white);font-family:Fira Code,monospace;font-size:9px;resize:none;box-sizing:border-box;margin-bottom:6px}.cyber-textarea:focus{outline:none;border-color:var(--neon-magenta)}.cyber-btn{display:flex;align-items:center;justify-content:center;gap:6px;font-family:Fira Code,monospace;font-size:10px;font-weight:700;padding:8px 12px;border-radius:2px;cursor:pointer;transition:all .2s;width:100%}.cyber-btn.primary-neon{background:transparent;color:var(--neon-magenta);border:1px solid var(--neon-magenta)}.cyber-btn.primary-neon:hover:not(:disabled){background:var(--neon-magenta);color:#fff;box-shadow:0 0 12px #ff006e66}.cyber-btn:disabled{opacity:.4;cursor:not-allowed}.presets-grid-title{font-family:Fira Code,monospace;font-size:9px;color:var(--text-gray);margin-top:8px;margin-bottom:4px}.presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.preset-card{position:relative;height:36px;border-radius:2px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.05)}.preset-card img{width:100%;height:100%;object-fit:cover}.preset-card .preset-name{position:absolute;bottom:0;left:0;width:100%;background:#04060cd9;font-family:Fira Code,monospace;font-size:7px;text-align:center;padding:1px 0;color:var(--text-gray)}.preset-card.selected{border-color:var(--neon-magenta);box-shadow:0 0 8px var(--neon-magenta)}.stickers-list{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.sticker-btn{background:#ffffff03;border:1px solid rgba(255,255,255,.05);border-radius:2px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.sticker-btn:hover{border-color:var(--neon-green);box-shadow:0 0 8px #39ff1433}.sticker-emoji{font-size:16px}.sticker-btn span:last-child{font-family:Fira Code,monospace;font-size:8px;color:var(--text-gray)}.log-section-container{display:flex;flex-direction:column}.terminal-log-box{background:var(--bg-darker);border:1px solid rgba(255,255,255,.05);padding:6px 8px;border-radius:2px;font-family:Fira Code,monospace;font-size:8px;color:var(--neon-green);height:60px;overflow-y:auto}.log-line{margin-bottom:2px}.log-arrow{color:var(--neon-cyan)}.export-btn{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta));color:#fff;border:none;font-size:11px;padding:10px;box-shadow:0 0 12px #00f5ff33}.workspace-panel{display:flex;flex-direction:column;gap:12px}.canvas-container{background:var(--bg-darker);border:1px solid rgba(0,245,255,.2);border-radius:3px;overflow:hidden;box-shadow:0 0 20px #00f5ff0d;display:flex;flex-direction:column;flex:1}.canvas-header{background:#04060c;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,245,255,.1)}.header-left{display:flex;align-items:center}.terminal-dot{width:6px;height:6px;border-radius:50%;margin-right:4px}.terminal-dot.red{background-color:var(--neon-magenta)}.terminal-dot.yellow{background-color:#ffbd2e}.terminal-dot.green{background-color:var(--neon-green)}.canvas-title{font-family:Fira Code,monospace;font-size:9px;color:var(--text-gray);margin-left:8px}.reset-pos-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--text-white);font-family:Fira Code,monospace;font-size:8px;padding:3px 8px;cursor:pointer;border-radius:1px;display:flex;align-items:center;gap:4px}.canvas-workspace{position:relative;flex:1;min-height:460px;overflow:hidden;display:flex;justify-content:center;align-items:center}.hud-bracket{position:absolute;width:16px;height:16px;border-color:var(--neon-cyan);border-style:solid;pointer-events:none;z-index:5}.hud-bracket.top-left{top:12px;left:12px;border-width:2px 0 0 2px}.hud-bracket.top-right{top:12px;right:12px;border-width:2px 2px 0 0}.hud-bracket.bottom-left{bottom:12px;left:12px;border-width:0 0 2px 2px}.hud-bracket.bottom-right{bottom:12px;right:12px;border-width:0 2px 2px 0}.hud-info-overlay{position:absolute;top:15px;left:35px;z-index:5;font-family:Fira Code,monospace;font-size:8px;color:var(--text-gray);display:flex;flex-direction:column;gap:2px;pointer-events:none}.info-row span:first-child{color:var(--neon-cyan);margin-right:4px}.canvas-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}.tactical-crosshair{position:absolute;width:100%;height:100%;pointer-events:none;z-index:4}.tactical-crosshair:before,.tactical-crosshair:after{content:"";position:absolute;background:#00f5ff0a}.tactical-crosshair:before{top:50%;left:0;width:100%;height:1px}.tactical-crosshair:after{left:50%;top:0;width:1px;height:100%}.cyber-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,245,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:2}.scanline{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to bottom,rgba(0,245,255,.15),transparent);opacity:.8;pointer-events:none;animation:scan 6s infinite linear;z-index:3}@keyframes scan{0%{top:0%}to{top:100%}}.draggable-wrapper{position:absolute;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.draggable-wrapper.active-layer{outline:1px dashed var(--neon-cyan);box-shadow:0 0 10px #00f5ff4d}.subject-img{max-width:260px;max-height:260px;display:block;pointer-events:none;filter:drop-shadow(0 0 10px rgba(0,245,255,.15))}.sticker-render{font-size:36px;line-height:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}.loading-key{font-family:Fira Code,monospace;font-size:11px;color:var(--neon-cyan);padding:12px;display:flex;align-items:center;gap:8px}.layer-controls{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);display:flex;gap:3px;background:#04060cf2;padding:3px;border-radius:2px;border:1px solid var(--neon-cyan);z-index:30}.control-btn{background:transparent;border:none;color:var(--neon-cyan);width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:1px}.control-btn:hover{background:var(--neon-cyan);color:#000}.control-btn.delete-btn{color:var(--neon-magenta)}.control-btn.delete-btn:hover{background:var(--neon-magenta);color:#fff}.poster-overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;border:12px solid rgba(7,11,20,.85);box-sizing:border-box;z-index:25;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.poster-top-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(0,245,255,.3);background:#04060cb3}.poster-security-tag{font-family:Fira Code,monospace;font-size:9px;font-weight:700;color:var(--neon-magenta);letter-spacing:1px;border:1px solid var(--neon-magenta);padding:1px 6px}.poster-tech-id{font-family:Fira Code,monospace;font-size:8px;color:var(--text-gray)}.poster-side-ticks{position:absolute;left:15px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;font-family:Fira Code,monospace;font-size:7px;color:#00f5ff66}.poster-bottom-bar{display:flex;justify-content:space-between;align-items:flex-end;padding:12px;border-top:1px solid rgba(0,245,255,.3);background:linear-gradient(to top,#04060cf2,#04060c99)}.poster-title-group{text-align:left}.poster-main-title{font-family:Fira Code,monospace;font-size:24px;font-weight:800;color:#fff;margin:0;letter-spacing:2px;text-shadow:0 0 10px var(--neon-cyan)}.poster-subtitle{font-family:Fira Code,monospace;font-size:8px;color:var(--text-gray);margin:2px 0 0;letter-spacing:.5px}.poster-barcode-group{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.barcode-lines{display:flex;gap:2px;height:16px}.barcode-lines span{width:1px;height:100%;background:var(--neon-cyan)}.barcode-lines span:nth-child(3n){width:2px}.barcode-lines span:nth-child(5n){width:3px}.barcode-text{font-family:Fira Code,monospace;font-size:6px;color:var(--text-gray)}.canvas-placeholder{text-align:center;z-index:5;display:flex;flex-direction:column;align-items:center;gap:12px}.radar-sweep{position:absolute;width:150px;height:150px;border:1px solid rgba(0,245,255,.15);border-radius:50%;animation:radar 3s infinite linear}@keyframes radar{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.glow-text{font-family:Fira Code,monospace;font-size:14px;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.glow-text.pulsing{animation:text-pulse 2s infinite ease-in-out}@keyframes text-pulse{0%,to{opacity:.5}50%{opacity:1}}.sub-text{font-family:Fira Code,monospace;font-size:8px;color:var(--text-gray)}.tip-bar{background:#070b14cc;border:1px solid rgba(0,245,255,.1);padding:8px 12px;border-radius:2px;font-size:9px;color:var(--text-white);display:flex;gap:8px;font-family:Fira Code,monospace}.spinning{animation:spin 1.2s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulsing{animation:pulse-glow 2s infinite ease-in-out}@keyframes pulse-glow{0%,to{opacity:.7}50%{opacity:1}}