@import"https://fonts.googleapis.com/css2?family=Funnel+Sans:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b0b13;--bg2: #13131f;--bg3: #1c1c2e;--border: rgba(255,255,255,.08);--gold: #c89b3c;--gold-dim: #a07e2e;--text: #ddd8c8;--text-dim: #7a7568;--text-secondary: #7a7568;--accent: #7b5ea7;--accent-dark: #6b4e97;--danger: #c84b3c;--input-bg: #1c1c2e;--input-bg-hover: #242435;--input-bg-focus: #1a1a28;font-family:Funnel Sans,Inter,system-ui,sans-serif;font-size:15px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}html,body,#root{height:100%;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none}input,textarea,select{font-family:inherit}.icon-selector{position:relative;width:100%}.icon-selector-trigger{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / .8;min-height:2.2rem;padding:.35rem;background:var(--bg);border:1px solid var(--border);border-radius:.375rem;cursor:pointer;transition:all .15s ease;font-size:1.4rem;line-height:1;color:var(--text)}.icon-selector-trigger:hover{background:var(--input-bg-hover);border-color:var(--gold)}.icon-selector-trigger:active{background:var(--input-bg-focus);border-color:var(--gold);transform:scale(.98)}.icon-display{display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:1.5rem}.icon-selector-backdrop{position:fixed;inset:0;z-index:9998}.icon-selector-menu{background:var(--bg2);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 12px 32px #00000080,0 2px 8px #0000004d;padding:.65rem;width:320px;max-height:420px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(200,155,60,.2) transparent}.icon-selector-menu::-webkit-scrollbar{width:6px}.icon-selector-menu::-webkit-scrollbar-track{background:transparent}.icon-selector-menu::-webkit-scrollbar-thumb{background:#c89b3c33;border-radius:3px}.icon-selector-menu::-webkit-scrollbar-thumb:hover{background:#c89b3c66}.icon-menu-section{margin-bottom:.65rem}.icon-menu-section:last-child{margin-bottom:0}.icon-menu-label{font-size:.68rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.45rem;padding:0 .25rem}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.8rem,1fr));gap:.4rem}.icon-option{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:0;background:var(--bg);border:1px solid var(--border);border-radius:.35rem;cursor:pointer;transition:all .12s ease;font-size:1.35rem;line-height:1;color:var(--text);min-height:2.6rem}.icon-option:hover{background:var(--input-bg-hover);border-color:var(--gold);transform:translateY(-2px)}.icon-option.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 12px #7b5ea766}.icon-opt-display{display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center;word-break:break-all}.icon-custom-input{width:100%;padding:.45rem .65rem;background:var(--bg);border:1px solid var(--border);border-radius:.3rem;color:var(--text);font-size:.9rem;font-family:inherit;font-weight:500;text-align:center;transition:all .15s ease}.icon-custom-input:focus{outline:none;border-color:var(--gold);background:var(--input-bg-focus);box-shadow:0 0 8px #c89b3c33}.icon-custom-input::placeholder{color:var(--text-dim)}.icon-upload-btn{width:100%;padding:.45rem .65rem;background:var(--bg);border:1px solid var(--border);border-radius:.3rem;color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.icon-upload-btn:hover{background:var(--input-bg-hover);border-color:var(--gold);color:var(--gold)}.icon-upload-btn:active{transform:scale(.98)}@media(max-width:600px){.icon-selector-menu{width:calc(100vw - 2rem);max-width:300px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(2.4rem,1fr))}}.app{display:flex;flex-direction:column;height:100vh;background:var(--bg)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;height:52px;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;z-index:10}.app-logo{display:flex;align-items:center;gap:.5rem}.logo-sword{font-size:1.2rem;color:var(--gold)}.logo-name{font-size:1rem;font-weight:700;color:var(--gold);letter-spacing:.01em}.logo-tag{font-size:.68rem;color:var(--text-dim);padding:2px 7px;background:#c89b3c12;border:1px solid rgba(200,155,60,.15);border-radius:4px;letter-spacing:.05em;text-transform:uppercase}.header-actions{display:flex;gap:.5rem}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.3rem .75rem;border-radius:6px;font-size:.8rem;transition:color .15s,border-color .15s}.btn-ghost:hover{color:var(--text);border-color:#ffffff2e}.btn-export{background:var(--gold);color:#0b0b13;font-weight:700;padding:.32rem 1rem;border-radius:6px;font-size:.83rem;transition:background .15s,transform .1s}.btn-export:hover{background:#dba93e;transform:translateY(-1px)}.btn-export:disabled{opacity:.5;cursor:not-allowed;transform:none}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:408px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);overflow-y:auto;padding:.75rem .875rem;display:flex;flex-direction:column;gap:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sidebar-section{padding:.65rem 0;border-bottom:1px solid var(--border)}.sidebar-section:last-child{border-bottom:none}.sidebar-divider{height:1px;background:var(--border);margin:.1rem 0}.section-label-wrap{display:flex;align-items:center;gap:.4rem;margin-bottom:.55rem}.section-label{font-size:.67rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:.35rem}.section-label:before{content:"";display:inline-block;width:3px;height:11px;background:var(--gold);border-radius:2px;opacity:.65;flex-shrink:0}.section-label-wrap .section-label{margin-bottom:0}.badge-beta{font-size:.55rem;font-weight:700;letter-spacing:.06em;background:#7b5ea72e;color:var(--accent);border:1px solid rgba(123,94,167,.3);padding:1px 5px;border-radius:3px;text-transform:uppercase}.section-row,.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.section-row .section-label-wrap{margin-bottom:0}.value-pill{font-size:.72rem;color:var(--gold);background:#c89b3c1a;padding:1px 7px;border-radius:10px;font-weight:600}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.mode-tab{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .4rem;background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:.78rem;font-weight:600;transition:all .14s;cursor:pointer}.mode-tab:hover{border-color:#c89b3c4d;color:var(--text)}.mode-tab.active{background:#c89b3c1f;border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 1px #c89b3c1a inset}.riftbound-layout-selector{margin-top:.45rem;display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.layout-tab{padding:.38rem .4rem;background:var(--bg3);border:1px solid var(--border);border-radius:7px;color:var(--text-dim);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .14s}.layout-tab:hover{border-color:#c89b3c4d;color:var(--text)}.layout-tab.active{background:#c89b3c1f;border-color:var(--gold);color:var(--gold)}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.style-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text-dim);font-size:.68rem;padding:.38rem .3rem;border-radius:6px;text-align:center;transition:all .12s;line-height:1.25;cursor:pointer}.style-btn:hover{border-color:#c89b3c4d;color:var(--text)}.style-btn.active{background:#c89b3c1f;border-color:var(--gold);color:var(--gold);font-weight:600}.color-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.55rem}.color-swatch-wrap{position:relative;width:34px;height:34px;border-radius:8px;overflow:hidden;border:1px solid var(--border);flex-shrink:0;box-shadow:0 1px 4px #0000004d}.color-native{position:absolute;width:200%;height:200%;inset:-50% 0 0 -50%;opacity:0;cursor:pointer}.color-preview{display:block;width:100%;height:100%;border-radius:7px}.color-hex-input{flex:1;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:.32rem .5rem;border-radius:6px;font-size:.8rem;font-family:Funnel Sans,monospace;text-transform:uppercase}.color-hex-input:focus{outline:none;border-color:var(--gold)}.preset-colors{display:flex;gap:.35rem;flex-wrap:wrap}.preset-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;transition:border-color .12s,transform .1s;cursor:pointer}.preset-dot:hover{transform:scale(1.18)}.preset-dot.active{border-color:#fff;box-shadow:0 0 0 1px #fff6}.slider{width:100%;appearance:none;height:4px;border-radius:2px;background:var(--bg3);outline:none;cursor:pointer;accent-color:var(--gold)}.toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle{width:38px;height:21px;border-radius:11px;background:var(--bg3);border:1px solid var(--border);position:relative;transition:background .2s,border-color .2s;cursor:pointer;flex-shrink:0}.toggle.on{background:var(--gold);border-color:var(--gold)}.toggle-thumb{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px #0000004d}.toggle.on .toggle-thumb{left:19px}.toggle.sm{width:32px;height:18px;border-radius:9px}.toggle.sm .toggle-thumb{width:12px;height:12px}.toggle.sm.on .toggle-thumb{left:16px}.btn-mirror{margin-top:.45rem;width:100%;padding:.34rem;background:var(--bg3);border:1px solid var(--border);color:var(--text-dim);font-size:.73rem;border-radius:6px;transition:all .12s;cursor:pointer;text-align:center;letter-spacing:.02em}.btn-mirror:hover{border-color:#c89b3c4d;color:var(--text)}.btn-mirror.active{background:#c89b3c1f;border-color:var(--gold);color:var(--gold);font-weight:600}.collapsible-hd{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:.42rem .5rem;transition:border-color .12s,background .12s;text-align:left}.collapsible-hd .section-label-wrap{margin-bottom:0}.collapsible-hd:hover{border-color:#c89b3c59;background:#c89b3c0f}.collapsible-hd:focus-visible{outline:2px solid rgba(200,155,60,.55);outline-offset:2px}.collapsible-meta{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.collapsible-hint{font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.collapse-arrow{font-size:1.05rem;line-height:1;color:var(--text-dim);flex-shrink:0}.accordion-body{padding-top:.55rem}.collapsible-hd[aria-expanded=true]{border-color:#c89b3c4d;background:#c89b3c0d}.inner-accordion-hd{display:flex;align-items:center;padding:.3rem .45rem;border-radius:6px;font-size:.72rem;margin-top:.6rem;background:transparent;border:none;color:inherit;cursor:pointer;font-weight:600;transition:all .2s ease}.inner-accordion-hd:hover{background:#c89b3c0d;border-color:#c89b3c33}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:.4rem}.tool-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem .2rem;background:var(--bg3);border:1px solid var(--border);border-radius:8px;transition:all .12s;cursor:pointer}.tool-btn:hover{border-color:#ffffff2e}.tool-btn.active{background:#c89b3c1a;border-color:var(--gold);box-shadow:0 0 8px #c89b3c1a}.tool-icon{font-size:1.1rem;color:var(--text-dim);line-height:1}.tool-btn.active .tool-icon{color:var(--gold)}.tool-label{font-size:.64rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.tool-btn.active .tool-label{color:var(--gold)}.sub-section{margin-top:.45rem}.btn-clear-mask{margin-top:.5rem;width:100%;background:transparent;border:1px solid var(--border);color:var(--text-dim);font-size:.73rem;padding:.32rem;border-radius:6px;transition:color .12s,border-color .12s;cursor:pointer}.btn-clear-mask:hover{color:var(--danger);border-color:var(--danger)}.cfg-block{margin-bottom:.55rem}.cfg-row{display:flex;align-items:center;justify-content:space-between}.cfg-row-gap{margin-bottom:.45rem}.field-label{font-size:.7rem;color:var(--text-dim);margin-bottom:.25rem;display:block}.btn-group{display:flex;gap:.25rem;flex-wrap:wrap}.btn-opt{background:var(--bg3);border:1px solid var(--border);color:var(--text-dim);font-size:.68rem;padding:.22rem .5rem;border-radius:5px;transition:all .1s;cursor:pointer;white-space:nowrap}.btn-opt:hover{border-color:#c89b3c4d;color:var(--text)}.btn-opt.active{background:#c89b3c1f;border-color:var(--gold);color:var(--gold);font-weight:600}.editor-tabs{display:flex;gap:0;background:var(--bg3);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:.5rem}.editor-tab{flex:1;padding:.38rem;background:transparent;border:none;color:var(--text-dim);font-size:.74rem;font-weight:600;cursor:pointer;transition:all .12s}.editor-tab:hover{color:var(--text);background:#ffffff08}.editor-tab.active{background:#c89b3c1f;color:var(--gold)}.hint-text{font-size:.68rem;color:var(--text-dim);line-height:1.4;margin-bottom:.5rem;opacity:.75}.grid-size-row{display:flex;align-items:flex-end;gap:.45rem;margin-bottom:.65rem}.grid-size-field{display:flex;flex-direction:column;gap:.18rem;flex:1}.grid-size-sep{font-size:1rem;color:var(--text-dim);padding-bottom:.35rem;flex-shrink:0}.num-input{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:.32rem .4rem;border-radius:6px;font-size:.8rem;font-family:inherit;width:100%;text-align:center}.num-input.small{padding:.2rem .15rem;font-size:.72rem;text-align:center}.num-input:focus{outline:none;border-color:var(--gold)}.mini-grid-preview{display:grid;gap:2px;width:100%;aspect-ratio:2450/1450;background:#00000040;border:1px solid var(--border);border-radius:7px;padding:3px;overflow:hidden}.mini-grid-zone{background:#c89b3c12;border:1px solid rgba(200,155,60,.2);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:.55rem;color:#c89b3c8c;cursor:pointer;transition:all .1s;min-width:0;min-height:0;overflow:hidden}.mini-grid-zone:hover{background:#c89b3c24;border-color:#c89b3c73;color:var(--gold)}.mini-grid-zone.active{background:#c89b3c33;border-color:var(--gold);color:var(--gold)}.score-cfg{margin-top:.1rem}.zone-list{display:flex;flex-direction:column;gap:.28rem}.zone-empty{font-size:.72rem;color:var(--text-dim);padding:.4rem 0;opacity:.55}.btn-add-zone{background:transparent;border:1px solid rgba(200,155,60,.28);color:var(--gold);font-size:.68rem;padding:.18rem .5rem;border-radius:5px;font-weight:600;transition:all .1s;cursor:pointer}.btn-add-zone:hover{background:#c89b3c1a;border-color:var(--gold)}.zone-item{background:var(--bg3);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .12s}.zone-item.open{border-color:#c89b3c59}.zone-header{display:flex;align-items:center;gap:.3rem;padding:.38rem .5rem;cursor:pointer;transition:background .1s}.zone-header:hover{background:#ffffff08}.zone-header.active{background:#c89b3c12}.zone-h-icon{font-size:.82rem;color:var(--gold);flex-shrink:0;width:16px;text-align:center}.zone-h-name{flex:1;font-size:.73rem;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zone-h-badges{display:flex;gap:.2rem;align-items:center;flex-shrink:0}.badge{font-size:.6rem;padding:1px 4px;border-radius:3px;font-weight:700}.badge-text{background:#7b5ea733;color:var(--accent);border:1px solid rgba(123,94,167,.3)}.badge-pts{background:#c89b3c1f;color:var(--gold);border:1px solid rgba(200,155,60,.3)}.zone-h-chevron{font-size:.65rem;color:var(--text-dim);flex-shrink:0}.zone-del{background:transparent;border:none;color:var(--text-dim);font-size:.6rem;padding:.15rem .3rem;border-radius:3px;cursor:pointer;transition:color .1s}.zone-del:hover{color:var(--danger)}.zone-body{padding:.4rem .45rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.32rem;background:#0000001f}.zone-row{display:flex;gap:.35rem}.zone-field{display:flex;flex-direction:column;gap:.15rem}.zone-field.grow{flex:1;min-width:0}.zone-f-icon{width:38px;flex-shrink:0}.zone-f-pts{width:46px;flex-shrink:0}.zone-input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.28rem .42rem;border-radius:5px;font-size:.76rem;font-family:inherit;width:100%}.zone-input:focus{outline:none;border-color:var(--gold)}.zone-grid-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:.22rem}.row-heights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:.22rem}.grid-inp-group{display:flex;flex-direction:column;gap:.12rem}.grid-inp-group label{font-size:.57rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden}.zone-text-section{border-top:1px solid var(--border);padding-top:.4rem;margin-top:.15rem}.zone-textarea{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.35rem .45rem;border-radius:5px;font-size:.76rem;font-family:inherit;resize:vertical;min-height:52px;line-height:1.45}.zone-textarea:focus{outline:none;border-color:var(--gold)}.text-controls-row{display:flex;align-items:center;gap:.5rem;margin-top:.3rem}.align-row{display:flex;align-items:center;gap:.4rem}.align-row .field-label{margin-bottom:0;white-space:nowrap}.font-size-field{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.font-size-field .field-label{margin-bottom:0}.font-size-field .num-input{width:52px}.text-color-field{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.text-color-field .field-label{margin-bottom:0;white-space:nowrap}.text-color-wrap{display:flex;align-items:center;gap:.3rem}.text-color-swatch{position:relative;width:22px;height:22px;border-radius:4px;overflow:hidden;border:1px solid var(--border);flex-shrink:0}.text-color-swatch .color-native{position:absolute;width:200%;height:200%;inset:-50% 0 0 -50%;opacity:0;cursor:pointer}.text-color-swatch .color-preview{display:block;width:100%;height:100%}.btn-clear-color{background:transparent;border:none;color:var(--text-dim);font-size:.65rem;padding:0;cursor:pointer;line-height:1;opacity:.6}.btn-clear-color:hover{opacity:1;color:var(--text)}.sidebar-footer{margin-top:auto;padding-top:.75rem;font-size:.62rem;color:var(--text-dim);line-height:1.6;opacity:.55}.canvas-area{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg);background-image:radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;overflow:auto;padding:1.25rem}.canvas-wrapper-outer{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%;max-width:100%}.canvas-outer{position:relative;width:min(100%,calc(100vh - 130px));line-height:0;border-radius:10px;overflow:hidden;box-shadow:0 8px 48px #000000b3,0 0 0 1px var(--border)}.mat-canvas{display:block;width:100%;height:auto;touch-action:none}.canvas-meta{display:flex;gap:1rem;align-items:center}.canvas-dim{font-size:.7rem;color:var(--text-dim);font-weight:600;letter-spacing:.04em}.canvas-hint{font-size:.7rem;color:var(--text-dim)}.dropzone{width:100%;max-width:620px;aspect-ratio:2450/1450;background:var(--bg2);border:2px dashed rgba(200,155,60,.22);border-radius:16px;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s;position:relative}.dropzone.dragging{border-color:var(--gold);background:#c89b3c0d;box-shadow:0 0 32px #c89b3c14}.dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:2rem;text-align:center}.dropzone-icon{font-size:2.2rem;color:var(--gold);opacity:.55;margin-bottom:.2rem}.dropzone-heading{font-size:1.2rem;font-weight:700;color:var(--text)}.dropzone-sub{font-size:.82rem;color:var(--text-dim);max-width:280px;line-height:1.4}.dropzone-actions{display:flex;align-items:center;gap:.65rem;margin-top:.35rem;flex-wrap:wrap;justify-content:center}.plain-bg-row{display:flex;align-items:center;gap:.55rem;margin-top:.35rem}.plain-bg-controls{display:flex;align-items:center;gap:.35rem}.plain-bg-color-wrap{width:34px;height:34px;border-radius:8px;overflow:hidden;border:1px solid var(--border);box-shadow:0 1px 4px #00000040}.plain-bg-color{width:100%;height:100%;border:none;padding:0;background:transparent;cursor:pointer}.btn-plain-bg{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:.4rem .65rem;border-radius:7px;font-size:.78rem;transition:border-color .12s;cursor:pointer}.btn-plain-bg:hover{border-color:var(--gold);color:var(--gold)}.btn-upload{background:var(--gold);color:#0b0b13;font-weight:700;padding:.45rem 1.2rem;border-radius:8px;font-size:.85rem;transition:background .15s,transform .1s;cursor:pointer;border:none}.btn-upload:hover{background:#dba93e;transform:translateY(-1px)}.or-divider{font-size:.72rem;color:var(--text-dim);text-transform:uppercase}.url-form{display:flex;gap:.3rem}.url-input{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:.4rem .65rem;border-radius:7px;font-size:.78rem;width:190px}.url-input:focus{outline:none;border-color:var(--gold)}.btn-url{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:.4rem .7rem;border-radius:7px;font-size:.78rem;transition:border-color .12s;cursor:pointer}.btn-url:hover{border-color:var(--gold);color:var(--gold)}.url-error{font-size:.72rem;color:var(--danger);margin-top:.2rem}.dropzone-hint{font-size:.76rem;color:var(--text-dim);margin-top:.2rem}.dropzone-formats{font-size:.65rem;color:var(--text-dim);letter-spacing:.06em;opacity:.55}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}