:root{color:#eff3ff;background:radial-gradient(circle at 20% 20%,#163055,#080b12 55%,#040509);font-family:IBM Plex Sans,Segoe UI,sans-serif}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app{position:relative}.hud{position:absolute;top:12px;left:12px;padding:10px 12px;border-radius:8px;border:1px solid rgba(99,139,255,.35);background:#080b12b3;font-size:12px;line-height:1.4;letter-spacing:.02em;white-space:pre;pointer-events:none}.editor-panels{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:10px;pointer-events:none}.template-hud{min-width:210px;padding:10px 12px;border-radius:8px;border:1px solid rgba(99,139,255,.35);background:#080b12bf;font-size:12px;line-height:1.3;letter-spacing:.02em;display:flex;flex-direction:column;gap:6px;pointer-events:auto}.template-hud[hidden]{display:none}.template-hud-disabled{opacity:.7}.template-hud-title{font-weight:600;color:#e4eeffeb}.template-hud-row{display:grid;grid-template-columns:1fr 26px 42px 26px;align-items:center;gap:6px}.template-hud-select-row{display:grid;grid-template-columns:1fr minmax(120px,1fr);align-items:center;gap:8px}.template-hud-color-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.template-hud-label{color:#dce7fae6}.template-hud-value{text-align:center;border-radius:6px;border:1px solid rgba(104,139,229,.45);background:#101624d9;padding:4px 0;font-variant-numeric:tabular-nums}.template-hud button{border:1px solid rgba(104,139,229,.5);background:#131d34e6;color:#eaf1ff;border-radius:6px;cursor:pointer;line-height:1;height:26px}.template-hud button:disabled{opacity:.45;cursor:default}.template-hud-select{height:26px;border:1px solid rgba(104,139,229,.5);border-radius:6px;background:#131d34e6;color:#eaf1ff;padding:0 6px}.template-hud-select:disabled{opacity:.45;cursor:default}.template-hud-color-input{width:44px;height:26px;border:1px solid rgba(104,139,229,.5);border-radius:6px;background:#0f1827eb;padding:1px;cursor:pointer}.template-hud-color-input:disabled{opacity:.45;cursor:default}.level-select{min-width:210px;max-width:300px;padding:10px 12px;border-radius:8px;border:1px solid rgba(99,139,255,.35);background:#080b12c7;font-size:12px;line-height:1.3;letter-spacing:.02em;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.level-select[hidden]{display:none}.level-select-title{font-weight:600;color:#e4eeffeb}.level-select-status{color:#d6e4fce6;font-size:11px}.level-select-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.level-select-input{border:1px solid rgba(104,139,229,.5);background:#0f1827eb;color:#eaf1ff;border-radius:6px;min-height:28px;padding:0 8px;font-size:12px}.level-select-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.level-select-dropdown{border:1px solid rgba(104,139,229,.5);background:#0f1827eb;color:#eaf1ff;border-radius:6px;min-height:28px;padding:0 8px;font-size:12px}.level-select-refresh,.level-select-create-button,.level-select-delete{border:1px solid rgba(104,139,229,.5);background:#131d34e6;color:#eaf1ff;border-radius:6px;cursor:pointer;min-height:28px;text-align:center;padding:0 9px;font-size:12px}.level-select-refresh{text-align:center}.level-select-delete,.level-select-create-button{text-align:center;min-width:70px}.level-select select:disabled,.level-select button:disabled{opacity:.45;cursor:default}@media(max-width:720px){.level-select{inset:auto 8px 12px;max-width:none;min-width:0}}.center-hint{position:absolute;top:50%;left:50%;width:220px;margin-left:-110px;margin-top:-18px;text-align:center;font-size:12px;color:#e9f1ffeb;letter-spacing:.03em;pointer-events:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#f2f7ffe6}.crosshair:before{left:50%;top:calc(50% - 8px);width:1px;height:16px}.crosshair:after{left:calc(50% - 8px);top:50%;width:16px;height:1px}.ar-root{position:absolute;inset:0;overflow:hidden;background:#05070c}.ar-video,.ar-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ar-canvas{pointer-events:none}.ar-overlay{position:absolute;left:12px;right:12px;top:12px;display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid rgba(98,144,230,.45);border-radius:10px;background:#060b13bd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:min(620px,calc(100vw - 24px))}.ar-title{margin:0;font-size:16px;letter-spacing:.02em}.ar-status,.ar-hint{margin:0;font-size:13px;color:#e6effff2;line-height:1.35}.ar-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ar-button{border:1px solid rgba(123,164,238,.6);background:#16284aeb;color:#eff6ff;border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer}.ar-button:disabled{opacity:.6;cursor:default}.ar-link{color:#a8d1ff;text-decoration:none;border-bottom:1px solid rgba(168,209,255,.5)}.ar-link:hover{border-bottom-color:#a8d1fff2}.qr-root{position:absolute;inset:0;overflow:auto;padding:20px;display:grid;gap:16px;grid-template-columns:minmax(260px,420px) minmax(280px,1fr);align-items:start;background:radial-gradient(circle at 18% 16%,#123761,#070b13 56%,#04050a)}.qr-panel{border:1px solid rgba(105,150,232,.45);border-radius:12px;padding:14px;background:#070e18d1;display:flex;flex-direction:column;gap:10px}.qr-panel h1{margin:0;font-size:20px}.qr-intro{margin:0;font-size:13px;color:#e0ecffe6}.qr-label{margin:0;font-size:12px;color:#d9e6fedb}.qr-input{border:1px solid rgba(110,147,222,.55);border-radius:8px;background:#0f1827f2;color:#edf5ff;padding:8px 10px;font-size:14px}.qr-payload{border:1px solid rgba(110,147,222,.55);border-radius:8px;background:#101827e6;color:#d8ebff;padding:8px 10px;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.qr-controls{display:flex;gap:8px;flex-wrap:wrap}.qr-button{border:1px solid rgba(112,157,230,.65);border-radius:8px;background:linear-gradient(160deg,#2e5390f2,#182f56f2);color:#f1f7ff;padding:8px 12px;font-size:13px;cursor:pointer}.qr-button-secondary{background:#11213af2}.qr-link{color:#9fcdff;text-decoration:none;font-size:13px;width:fit-content;border-bottom:1px solid rgba(159,205,255,.52)}.qr-link:hover{border-bottom-color:#9fcdfff2}.qr-status{margin:0;font-size:12px;color:#dbeaffe6}.qr-preview{border:1px solid rgba(104,150,232,.45);border-radius:12px;padding:14px;background:#080e19d1;display:flex;flex-direction:column;align-items:center;gap:10px}.qr-preview h2{margin:0;font-size:20px}.qr-preview-meta{margin:0;font-size:13px;color:#dae8ffe6}.qr-preview-image{display:block;width:min(64vw,520px);max-width:100%;border-radius:8px;border:8px solid #fff;background:#fff}.avatar-editor-root{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) 330px;background:radial-gradient(circle at 18% 20%,#1a335e,#0a0f1b 58%,#05070f)}.avatar-editor-canvas{position:relative;min-width:0;min-height:0}.avatar-editor-canvas canvas{display:block;width:100%;height:100%}.avatar-editor-panel{border-left:1px solid rgba(113,155,232,.35);background:#070d18e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:14px;display:flex;flex-direction:column;gap:10px;overflow:auto}.avatar-editor-title{margin:0;font-size:22px;letter-spacing:.02em}.avatar-editor-subtitle{margin:0;font-size:12px;line-height:1.45;color:#dbe9ffe0}.avatar-editor-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:center}.avatar-editor-label{font-size:12px;color:#deeaffe6}.avatar-editor-select{border:1px solid rgba(110,152,224,.56);border-radius:8px;background:#0e1728f2;color:#eef5ff;min-height:31px;padding:0 8px;font-size:12px}.avatar-editor-controls{display:flex;flex-direction:column;gap:8px}.avatar-editor-slider-row{display:grid;grid-template-columns:78px minmax(0,1fr) 44px;gap:8px;align-items:center}.avatar-editor-slider-label{font-size:12px;color:#dfecffe6}.avatar-editor-slider{accent-color:#86b8ff}.avatar-editor-slider-value{text-align:right;font-size:12px;color:#ecf4ffe6;font-variant-numeric:tabular-nums}.avatar-editor-actions{display:flex;flex-wrap:wrap;gap:8px}.avatar-editor-button{border:1px solid rgba(112,157,230,.65);border-radius:8px;background:linear-gradient(160deg,#2e5390f2,#182f56f2);color:#f1f7ff;min-height:30px;padding:0 12px;font-size:12px;cursor:pointer}.avatar-editor-link{color:#9fcdff;text-decoration:none;font-size:13px;width:fit-content;border-bottom:1px solid rgba(159,205,255,.52)}.avatar-editor-link:hover{border-bottom-color:#9fcdfff2}.avatar-editor-status{margin:0;font-size:12px;color:#dae8ffe6;min-height:16px}@media(max-width:900px){.qr-root{grid-template-columns:1fr;padding:14px}.qr-preview-image{width:min(88vw,520px)}}@media(max-width:980px){.avatar-editor-root{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.avatar-editor-panel{border-left:none;border-top:1px solid rgba(113,155,232,.35);max-height:42vh}}@media print{:root{color:#000;background:#fff}html,body,#app{overflow:visible}.qr-root{display:block;background:#fff;padding:0}.qr-panel{display:none}.qr-preview{border:none;background:#fff;padding:0}.qr-preview-image{width:70mm;border:0}}