.color-field .color-wrap{padding:0 7px 0 4px;gap:5px;background:var(--surface);border-color:var(--line-strong)}.color-trigger{flex-shrink:0;width:27px;height:30px;padding:4px;border:0;background:transparent;border-radius:5px;display:grid;place-items:center}.color-trigger>span{width:19px;height:19px;border-radius:5px;box-shadow:inset 0 0 0 1px #80808055,0 1px 3px #00000018}.color-trigger:hover{background:var(--surface-hover)}.color-trigger:focus-visible{outline-color:var(--accent)}.color-picker{position:fixed;inset:auto;margin:0;width:320px;max-width:calc(100vw - 24px);padding:18px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 18px 70px var(--shadow-raised);overflow:auto;overscroll-behavior:contain}.color-picker::backdrop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.color-picker-header{display:flex;align-items:center;gap:10px;margin-bottom:17px}.color-current{width:34px;height:34px;border-radius:10px;flex-shrink:0;box-shadow:inset 0 0 0 1px #80808055}.color-picker-header h2{font-size:13px;letter-spacing:-.15px;font-weight:650;line-height:1.5;margin:0}.color-picker-header>div>span{font-size:9px;color:var(--muted);line-height:1.5}.color-picker-header .icon-btn{margin-left:auto;align-self:flex-start;padding:3px}.color-plane{height:160px;width:100%;position:relative;border-radius:10px;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);cursor:crosshair;touch-action:none;outline-offset:4px;box-shadow:inset 0 0 0 1px #80808033}.color-plane:focus-visible{outline:2px solid var(--accent)}.color-cursor{position:absolute;transform:translate(-50%,-50%);width:15px;height:15px;border:2px solid #fff;box-shadow:0 0 0 1px #0005,0 2px 5px #0005;border-radius:50%;pointer-events:none}.color-hue-row{display:flex;align-items:center;gap:12px;margin:17px 0}.color-hue-row>span{font-size:10px;color:var(--muted);flex-shrink:0}.color-picker input.color-hue{appearance:none;-webkit-appearance:none;height:12px;min-width:0;padding:0;margin:0;border:0;border-radius:10px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer;box-shadow:inset 0 0 0 1px #80808033}.color-picker input.color-hue::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#3b3b46;box-shadow:0 0 0 1px #0004,0 2px 4px #0003}.color-picker input.color-hue::-moz-range-thumb{width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#3b3b46;box-shadow:0 0 0 1px #0004}.color-picker input.color-hue:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.color-values{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:7px;margin-bottom:19px}.color-values label{display:flex;flex-direction:column;min-width:0;gap:6px}.color-values label>span{font-size:9px;color:var(--muted);font-weight:600;letter-spacing:.4px}.color-values input{width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.5;padding:8px 5px;text-align:center;border:1px solid var(--line);border-radius:7px;background:var(--surface-alt);color:var(--ink)}.color-values .color-hex input{font-size:11px}.color-swatches-label{font-size:8px;letter-spacing:1.3px;color:var(--muted);font-weight:600;margin-bottom:10px}.color-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.color-swatches button{height:27px;min-width:0;border-radius:7px;border:1px solid #80808055;box-shadow:0 1px 2px #0001;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .15s,box-shadow .15s}.color-swatches button:hover{transform:translateY(-2px);box-shadow:0 3px 7px var(--shadow-raised)}.color-swatches button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.color-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.color-picker-footer .text-button{font-size:10px;color:var(--muted);gap:5px}.color-picker-footer i{display:block;width:13px;height:13px;border-radius:4px;border:1px solid #80808055;margin-left:3px}.color-picker-footer .button{font-size:11px;padding:8px 13px;gap:6px}.color-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:620px){.color-picker::backdrop{background:#08080c66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.color-picker{width:330px;padding:20px}.color-plane{height:175px}.color-swatches button{height:29px}.color-values input{font-size:13px;padding:9px 3px}.color-values .color-hex input{font-size:12px}.color-picker-footer .button{padding:10px 15px}.color-picker-header h2{font-size:14px}.color-picker-header>div>span{font-size:10px}}.random-workspace{margin:0 38px;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(340px,1.25fr);background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 3px 14px var(--shadow)}.random-settings{padding:28px;border-right:1px solid var(--line);min-width:0}.random-results{padding:28px;background:var(--surface);min-width:0}.random-workspace .section-heading{margin-bottom:24px}.random-workspace .section-heading h2{font-size:13px}.random-settings .section-heading>svg{margin-left:auto;color:var(--muted)}.random-count{margin-left:auto;font-size:10px;white-space:nowrap;color:var(--text-secondary);background:var(--surface-hover);padding:5px 8px;border-radius:5px}.random-presets{display:flex;gap:8px;margin-bottom:26px}.random-presets .text-button{border:1px solid var(--line);border-radius:6px;background:var(--surface-alt);padding:8px 10px;flex:1;justify-content:space-between;font-size:11px}.random-presets .text-button:hover{background:var(--surface-hover);border-color:var(--line-strong)}.random-presets span{font-size:9px;color:var(--muted)}.random-label{font-size:9px;letter-spacing:1.4px;color:var(--muted);font-weight:600;margin-bottom:14px}.random-tabs{width:100%;margin-bottom:15px}.random-tabs button{flex:1;justify-content:center;font-size:11px;padding:9px 12px}.character-groups{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:19px}.character-groups label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:13px 10px;border-radius:7px;font-size:11px;cursor:pointer;color:var(--text-secondary)}.character-groups label.selected{background:var(--surface-alt);border-color:var(--line-strong);color:var(--text-secondary)}.character-groups input{margin:0;flex-shrink:0}.character-groups code{margin-left:auto;white-space:nowrap;font-size:10px;color:var(--muted)}.random-toggle{font-size:11px;color:var(--text-secondary);margin:14px 0;min-height:32px}.random-toggle small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.random-toggle .switch{flex-shrink:0}.alphabet-preview{padding:12px 14px;border-radius:7px;background:var(--surface-alt);margin-top:17px}.alphabet-preview span{display:block;font-size:9px;color:var(--muted);margin-bottom:7px}.alphabet-preview code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:var(--text-secondary);line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.random-divider{height:1px;background:var(--line);margin:25px 0}.random-workspace .field-label{font-size:11px}.random-workspace .field small{font-size:9px}.random-workspace .two-col{gap:15px;margin-bottom:14px}.random-workspace .two-col .field{margin:0}.random-affixes{margin:24px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.random-affixes summary{cursor:pointer;font-size:11px;font-weight:500;color:var(--text-secondary)}.random-affixes summary span{float:right;font-size:9px;font-weight:400;color:var(--muted)}.random-affixes[open] summary{margin-bottom:17px}.random-affixes>small{font-size:9px;display:block;line-height:1.6}.random-affixes input{font-size:12px}.random-capacity{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-secondary);margin:17px 0}.random-error{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.7;color:var(--text-secondary);background:var(--surface-alt);border:1px solid var(--line);border-radius:7px;padding:12px;margin:17px 0}.random-error svg{flex-shrink:0;margin-top:2px}.random-footnote{font-size:9px;line-height:1.8;color:var(--muted);margin-top:13px}.random-result-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface)}.random-result-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line);font-size:10px;color:var(--text-secondary)}.random-result-toolbar>span:first-child{display:flex;align-items:center;gap:8px}.random-output{border:0;border-radius:0;resize:vertical;min-height:310px;height:360px;max-height:650px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:2;padding:20px 24px;background:var(--surface-alt);color:var(--ink);white-space:pre;tab-size:2;overflow:auto}.random-output:focus{box-shadow:inset 0 0 0 2px var(--shadow);outline:0}.random-output-meta{padding:12px 17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);gap:10px}.random-output-meta .text-button{font-size:10px}.random-empty{min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px 20px;background:radial-gradient(var(--surface-hover) .7px,transparent .7px),var(--surface-alt);background-size:14px 14px;color:var(--muted)}.random-empty>span{background:var(--surface-hover);border:1px solid var(--line);padding:19px;border-radius:14px;margin-bottom:22px}.random-empty h3{font-size:15px;font-weight:500;color:var(--text-secondary)}.random-empty p{font-size:11px;line-height:1.9;margin:12px 0 20px;color:var(--muted)}.random-empty>div{display:flex;gap:8px}.random-empty code{border:1px solid var(--line);background:var(--surface);padding:7px 10px;border-radius:5px;font-size:10px;color:var(--muted)}.random-format{margin:22px 0}.random-format .field{margin-bottom:13px}.random-export-buttons{display:flex;gap:12px}.random-export-buttons .button{flex:1;font-size:11px}.random-to-batch{padding:22px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(120deg,var(--surface-alt),var(--surface-alt))}.random-batch-intro{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.random-batch-intro .upload-icon{padding:10px;border:1px solid var(--line)}.random-batch-intro h3{font-size:13px;font-weight:600;color:var(--text-secondary);margin:1px 0 7px}.random-batch-intro p{font-size:10px;line-height:1.8;color:var(--muted);max-width:370px}.random-to-batch .field{margin-bottom:17px}.random-to-batch>small{display:block;text-align:center;font-size:9px;line-height:1.6;margin-top:11px;color:var(--muted)}.random-privacy{font-size:9px;line-height:1.8;color:var(--muted);margin-top:20px;display:flex;gap:9px}.random-privacy svg{flex-shrink:0}.random-stale{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.7;color:var(--text-secondary);margin-top:12px}.random-stale svg{flex-shrink:0;margin-top:2px}.random-progress{display:flex;align-items:center;justify-content:space-between;gap:10px}.random-progress>span{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.mobile-navigation.tabs{display:none}@media(min-width:1650px){.random-workspace{margin-left:55px;margin-right:55px;grid-template-columns:minmax(350px,.85fr) minmax(400px,1.15fr)}.random-settings,.random-results{padding:32px}.random-output,.random-empty{min-height:390px}}@media(min-width:1850px){.random-workspace{max-width:1550px;margin-left:auto;margin-right:auto}}@media(max-width:1270px){.random-workspace{margin-left:25px;margin-right:25px;grid-template-columns:minmax(300px,1fr) minmax(300px,1.1fr)}.random-settings,.random-results{padding:22px}.character-groups{grid-template-columns:1fr}.character-groups label{padding:11px}.random-presets .text-button{font-size:10px;padding:8px}.random-presets span{display:none}.random-export-buttons{gap:8px}.random-export-buttons .button{font-size:10px;padding:10px}.random-to-batch{padding:18px}}@media(max-width:950px){.random-workspace{grid-template-columns:1fr}.random-settings{border-right:0;border-bottom:1px solid var(--line)}.character-groups{grid-template-columns:1fr 1fr}.random-presets span{display:inline}.random-results{padding:24px}.random-output{height:300px;min-height:260px}.random-empty{min-height:300px}.random-settings .section-heading>svg{display:block}}@media(max-width:800px){.random-workspace{margin-left:20px;margin-right:20px}}@media(max-width:620px){.mobile-navigation.tabs{display:flex;margin:0 15px 17px;width:calc(100% - 30px)}.mobile-navigation button{font-size:10px;padding:10px 7px}.random-workspace{margin-left:15px;margin-right:15px}.random-settings,.random-results{padding:20px}.random-workspace .section-heading h2{font-size:12px}.random-workspace .section-heading{gap:8px}.random-count{font-size:9px}.character-groups{grid-template-columns:1fr}.character-groups label{padding:13px;font-size:12px}.random-presets{gap:6px}.random-presets .text-button{font-size:10px}.random-presets span{display:none}.random-toggle{font-size:12px}.random-toggle small{font-size:10px}.random-output{font-size:12px;padding:17px;min-height:250px}.random-result-toolbar{padding:13px;font-size:9px}.random-result-toolbar .tag{font-size:7px}.random-output-meta{padding:11px 13px;font-size:8px}.random-empty{padding:25px 10px;min-height:300px}.random-empty h3{font-size:13px}.random-empty p{font-size:10px}.random-empty code{font-size:9px;padding:7px}.random-export-buttons{flex-direction:column}.random-export-buttons .button{font-size:12px;padding:12px}.random-to-batch{padding:16px}.random-to-batch .primary.full{font-size:11px}.random-batch-intro{gap:10px}.random-batch-intro h3{font-size:12px}.random-privacy{font-size:9px}.random-affixes .two-col{gap:10px}.random-affixes input{font-size:11px}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button{transition:background .15s,box-shadow .15s,color .15s}a{color:inherit}button:focus-visible,a:focus-visible,input[type=checkbox]:focus-visible,input[type=range]:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button svg{flex-shrink:0}button{color:inherit}fieldset{padding:0;border:0;margin:0;min-width:0}h1,h2,h3,p{margin:0}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);padding:11px 12px;outline:none;font-size:13px;line-height:1.5;min-width:0}input:focus,textarea:focus,select:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px var(--shadow)}textarea{resize:vertical;display:block}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=checkbox]{width:14px;height:14px;accent-color:var(--action)}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{opacity:.5}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2373847c' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:29px}small{font-size:11px;line-height:1.6;color:var(--muted)}.app-shell{display:flex;min-height:100vh}.sidebar{width:225px;min-width:225px;background:var(--accent);color:var(--muted);padding:34px 20px 21px;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:10}.brand{display:flex;align-items:center;text-decoration:none;gap:10px;margin-bottom:54px;padding-left:4px;color:var(--ink)}.brand img{width:37px;height:37px}.brand>span{font-size:24px;letter-spacing:-1px;font-weight:750;line-height:1}.brand-light{font-weight:350;margin-left:3px}.brand i{display:block;font-style:normal;font-size:7px;letter-spacing:1.6px;margin-top:8px;color:var(--muted);font-weight:600}.nav-label{font-size:9px;font-weight:650;letter-spacing:1.4px;color:var(--text-secondary);padding-left:15px;margin-bottom:16px}.nav-item{border:0;background:none;color:var(--muted);display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border-radius:7px;text-align:left;font-size:12px;white-space:nowrap;margin-bottom:5px}.nav-item:hover{background:var(--accent);color:var(--muted)}.nav-item.active{background:var(--accent);color:var(--muted);box-shadow:inset 2px 0 0 var(--accent)}.nav-item.active>svg{color:var(--muted)}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto}.nav-count{margin-left:auto;font-size:10px;background:var(--accent);padding:2px 6px;border-radius:4px}.sidebar-note{border:1px solid var(--line-strong);border-radius:10px;margin:70px 3px 24px;padding:18px 16px;background:linear-gradient(145deg,var(--accent),var(--accent))}.note-icon{color:var(--muted);margin-bottom:12px}.sidebar-note strong{font-size:12px;color:var(--muted);line-height:1.7;display:block}.sidebar-note p{font-size:10px;color:var(--muted);line-height:1.9;margin-top:6px}.sidebar-note>span{font-size:9px;color:var(--muted);display:flex;gap:7px;align-items:center;margin-top:17px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.sidebar-bottom{margin-top:auto}.sidebar-bottom .nav-item{font-size:11px}.sidebar-bottom .nav-item svg:last-child{margin-left:auto}.version{display:flex;justify-content:space-between;border-top:1px solid var(--line-strong);padding:20px 12px 0;font-size:8px;letter-spacing:1.7px;color:var(--text-secondary)}.version span{letter-spacing:0}.main{margin-left:225px;min-width:0;width:calc(100% - 225px)}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:var(--surface)}.breadcrumb{font-size:11px;display:flex;align-items:center;gap:13px;color:var(--muted)}.breadcrumb span{color:var(--text-secondary);font-weight:500}.top-actions{display:flex;gap:18px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;font-size:12px;font-weight:600;border-radius:7px;border:1px solid transparent;text-decoration:none;line-height:1.5}.button.secondary{background:var(--surface);border-color:var(--line);box-shadow:0 1px 2px var(--shadow)}.button.secondary:hover{background:var(--surface-alt);border-color:var(--line-strong)}.button.primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}.button.primary:hover{background:var(--accent);box-shadow:0 3px 10px var(--shadow-raised)}.button.primary.full{justify-content:center;font-size:13px;padding:14px}.button.primary.full svg:last-child:not(:first-child){margin-left:auto}.button.primary.full svg:first-child{margin-right:auto}.button.ghost{background:none;font-size:11px}.full{width:100%}.icon-btn{border:0;background:none;display:inline-flex;justify-content:center;align-items:center;padding:6px;border-radius:5px;color:var(--muted)}.icon-btn:hover{background:var(--surface-hover);color:var(--ink)}.text-button{border:0;background:none;color:var(--text-secondary);padding:5px 0;font-size:12px;display:inline-flex;align-items:center;gap:7px;font-weight:500}.text-button:hover{color:var(--ink);text-decoration:underline}.small{font-size:10px}.tiny{font-size:10px;line-height:1.6}.muted{color:var(--muted);line-height:1.7}.danger{color:var(--text-secondary)!important}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:35px 38px 29px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.9px;color:var(--muted);margin-bottom:12px}h1{font-size:30px;line-height:1.25;font-weight:650;letter-spacing:-1.1px;color:var(--ink)}h1 span{color:var(--accent);padding-left:2px}.page-heading p{font-size:12px;color:var(--muted);margin-top:11px}.heading-mark{color:var(--muted);display:flex;flex-direction:column;align-items:center;margin-right:4px}.heading-mark svg{height:47px}.heading-mark span{font-size:7px;letter-spacing:2px;margin-top:5px}.modebar{margin:0 38px 21px;display:flex;align-items:center;justify-content:space-between}.tabs{padding:4px;border:1px solid var(--line);background:var(--surface-hover);border-radius:8px;display:flex;gap:3px}.tabs button{padding:9px 15px;border:0;border-radius:5px;color:var(--muted);background:none;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:550}.tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px var(--shadow)}.format-note{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.workspace{display:grid;grid-template-columns:minmax(245px,.9fr) minmax(300px,1.4fr) 280px;gap:0;margin:0 38px;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:0 5px 20px var(--shadow);overflow:hidden;align-items:stretch}.input-panel{padding:24px 22px;display:flex;flex-direction:column;border-right:1px solid var(--line);min-width:0}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:26px}.section-heading h2{font-size:12px;font-weight:650;letter-spacing:-.1px}.section-heading>svg{color:var(--muted)}.section-heading .text-button,.section-heading>.muted{margin-left:auto}.step{font-size:8px;background:var(--surface-alt);border:1px solid var(--line);color:var(--text-secondary);padding:5px 4px;border-radius:4px}.field{display:block;margin-bottom:18px;min-width:0}.field-label{font-size:10px;color:var(--text-secondary);font-weight:600;display:block;margin-bottom:8px;line-height:1.5}.field>small{display:block;margin-top:6px}.field select{font-weight:500;font-size:12px}.content-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line);gap:0;margin:3px 0 21px}.content-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:8px 8px 9px;font-size:10px;color:var(--muted);margin-bottom:-1px}.content-tabs button:first-child{padding-left:0;padding-right:11px}.content-tabs button.active{border-color:var(--accent);color:var(--ink);font-weight:600}.input-panel textarea{background:var(--surface);min-height:145px;line-height:1.8;font-size:12px}.input-meta{display:flex;justify-content:space-between;gap:6px;font-size:8px;color:var(--muted);margin-top:7px}.content-status{display:flex;gap:8px;align-items:flex-start;background:var(--surface-alt);border:1px solid var(--line);padding:12px;border-radius:7px;color:var(--text-secondary);margin-top:2px}.content-status svg{margin-top:1px;flex-shrink:0}.content-status strong{font-size:9px;color:var(--text-secondary);display:block;line-height:1.7}.content-status span{font-size:9px;color:var(--muted);display:block;line-height:1.5;margin-top:2px}.encoded-value{margin:14px 0 30px;color:var(--muted);font-size:9px}.encoded-value summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.encoded-value pre{white-space:pre-wrap;word-break:break-all;font-size:10px;background:var(--surface-alt);padding:10px;line-height:1.6;border-radius:5px;max-height:190px;overflow:auto}.input-tip{margin-top:auto;display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}.input-tip>svg{margin-top:3px;flex-shrink:0}.input-tip p{font-size:9px;line-height:1.9;color:var(--muted)}.input-tip strong{font-size:10px;display:block;color:var(--text-secondary);font-weight:500}.input-tip button{margin-top:10px;padding:3px;border:0;background:none;color:var(--muted)}.preview-column{padding:24px;min-width:0;background:var(--surface);display:flex;flex-direction:column}.preview-panel{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface);min-width:0}.panel-top{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line);font-size:10px;color:var(--text-secondary)}.panel-top>span:first-child{display:flex;align-items:center;gap:7px}.tag{font-size:8px;letter-spacing:.5px;color:var(--muted);background:var(--surface-alt);padding:4px 6px;border:1px solid var(--line);border-radius:4px}.preview-stage{height:300px;position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--surface-alt);background-image:radial-gradient(var(--surface-hover) .7px,transparent .7px);background-size:14px 14px;overflow:hidden;padding:20px 0}.code-paper{box-shadow:0 5px 20px var(--shadow);max-height:100%;display:flex;align-items:center;justify-content:center;transition:max-width .2s;width:240px;flex-shrink:0}.code-paper>svg{display:block;width:100%;height:auto;max-height:255px}.preview-cross{width:15px;height:15px;position:absolute;border-color:var(--line-strong);border-style:solid}.top-left{left:22px;top:23px;border-width:1px 0 0 1px}.bottom-right{right:22px;bottom:23px;border-width:0 1px 1px 0}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;background:var(--surface);padding:10px 14px;font-size:9px;color:var(--muted);border-top:1px solid var(--line)}.preview-toolbar>div{display:flex;align-items:center;gap:8px}.preview-toolbar>div>span{width:38px;text-align:center}.empty-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;text-align:center;color:var(--muted);font-size:11px;line-height:1.8;max-width:100%}.empty-preview strong{font-size:12px;color:var(--text-secondary)}.empty-preview span{max-width:290px;overflow-wrap:anywhere}.export-card{margin-top:22px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:18px}.export-card>div:first-child{display:flex;align-items:center;gap:11px;margin-bottom:21px}.file-icon{font-size:9px;color:var(--text-secondary);background:var(--surface-hover);border:1px solid var(--line);border-radius:5px;display:grid;place-items:center;width:33px;height:38px;font-weight:650}.export-card strong{font-size:11px;font-weight:600;display:block;color:var(--text-secondary)}.export-card p{font-size:9px;color:var(--muted);margin-top:6px}.filename-wrap{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;overflow:hidden}.filename-wrap input{border:0;box-shadow:none!important}.filename-wrap>span{background:var(--surface-alt);color:var(--muted);font-size:11px;padding:12px;border-left:1px solid var(--line)}.export-card .field{margin-bottom:13px}.settings-panel{padding:24px 21px;border-left:1px solid var(--line)}.settings-panel .section-heading{gap:8px;margin-bottom:3px}.settings-panel .section-heading h2{font-size:11px}.settings-section{padding:21px 0;border-bottom:1px solid var(--line)}.settings-section h3{font-size:8px;letter-spacing:1.3px;color:var(--muted);font-weight:600;margin-bottom:17px}.settings-section .field{margin-bottom:14px}.settings-section .field:last-child{margin-bottom:0}.settings-section .two-col .field{margin-bottom:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.two-col:last-child{margin-bottom:0}.number-wrap{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;overflow:hidden}.number-wrap input{border:0;box-shadow:none!important;padding:9px 10px;font-size:12px}.number-wrap>span{font-size:9px;color:var(--muted);white-space:nowrap;padding-right:10px}.settings-section input,.settings-section select{padding:9px 10px;font-size:11px}.settings-section select{padding-right:27px}.settings-section .field-label{font-size:9px}.color-wrap{border:1px solid var(--line);display:flex;align-items:center;padding:7px 8px;gap:6px;border-radius:6px;height:36px}.color-wrap input{font-size:8px;padding:0;border:0;box-shadow:none!important}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--text-secondary);cursor:pointer;position:relative;min-height:24px}.toggle-row input{position:absolute;right:0;width:30px;height:20px;opacity:0;cursor:pointer}.switch{height:17px;width:30px;border-radius:20px;background:var(--surface-hover);position:relative;transition:background .2s}.switch:before{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;background:var(--surface);border-radius:50%;box-shadow:0 1px 2px var(--shadow);transition:transform .2s}.toggle-row input:checked+.switch{background:var(--accent)}.toggle-row input:checked+.switch:before{transform:translate(13px)}.toggle-row input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:3px}.shape-picker{display:flex;gap:8px}.shape-picker button{border:1px solid var(--line);border-radius:6px;background:var(--surface);flex:1;padding:11px 5px 8px;color:var(--muted);font-size:9px;display:flex;align-items:center;flex-direction:column;gap:8px}.shape-picker button.selected{background:var(--surface-alt);border-color:var(--line-strong);color:var(--text-secondary)}.shape-sample{display:grid;grid-template-columns:8px 8px;gap:2px}.shape-sample i{width:8px;height:8px;background:currentColor}.shape-sample.rounded i{border-radius:2px}.shape-sample.dots i{border-radius:50%}.settings-section summary{font-size:11px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-weight:500}.settings-section[open] summary{margin-bottom:13px}.settings-section[open]>.button{margin:11px 0}.save-preset{width:100%;padding:19px 0 2px;display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--muted);font-size:10px}.save-preset svg:last-child{margin-left:auto}.warnings{background:var(--surface-alt);border:1px solid var(--line);border-radius:7px;padding:9px 12px;margin-top:14px}.warnings p{font-size:10px;line-height:1.7;color:var(--text-secondary);display:flex;gap:8px;margin:3px 0}.warnings svg{flex-shrink:0;margin-top:3px}.warning-text{color:var(--text-secondary)!important}.success-text{color:var(--text-secondary)}.workspace-footer{margin:21px 38px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted);line-height:1.6}.workspace-footer>span{display:flex;gap:6px;align-items:center}.workspace-footer label{display:flex;align-items:center;gap:6px;cursor:pointer}.workspace-footer input{width:12px;height:12px}.offline-ready{margin:0 38px 20px;font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.offline-badge{display:flex;gap:5px;align-items:center;font-size:10px;color:var(--text-secondary)}.update-banner{margin:20px 38px;padding:15px;background:var(--surface-alt);border:1px solid var(--line-strong);border-radius:8px;font-size:12px}.update-banner button{margin-left:15px}.bulk.workspace{grid-template-columns:minmax(0,1fr) 280px}.batch-panel{padding:24px;min-width:0}.batch-panel .section-heading{margin-bottom:22px}.batch-input{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.batch-input textarea{font-size:11px;background:var(--surface)}.batch-input .field{margin-bottom:12px}.batch-buttons{display:flex;gap:14px;align-items:center}.dropzone{background:var(--surface-alt);border:1px dashed var(--line-strong);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:var(--muted);margin-bottom:1px;padding:22px}.dropzone:hover{background:var(--surface-alt);border-color:var(--line-strong)}.upload-icon{background:var(--surface-hover);padding:12px;border-radius:10px;color:var(--muted)}.dropzone strong{font-size:12px;color:var(--text-secondary)}.dropzone>span:not(.upload-icon){font-size:10px;line-height:1.7}.dropzone small{font-size:8px;color:var(--muted)}.batch-summary{display:flex;gap:15px;align-items:center;margin:25px 0 14px;font-size:10px;color:var(--text-secondary)}.batch-summary>span{display:flex;align-items:center;gap:6px}.batch-summary>.text-button{margin-left:auto}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:7px;max-height:500px}table{border-collapse:collapse;width:100%;font-size:10px;text-align:left}th{padding:11px 8px;background:var(--surface-alt);color:var(--muted);font-weight:500;position:sticky;top:0;z-index:1}td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{width:35px;vertical-align:middle}td:nth-child(2){min-width:150px}td:nth-child(3){min-width:110px}td:nth-child(4){width:110px}td:nth-child(5){vertical-align:middle;width:30px}td:last-child{width:28px}tr.selected{background:var(--surface-alt)}td input,td textarea,td select{font-size:10px;border-color:transparent;background:transparent;padding:5px;border-radius:4px}td input:hover,td textarea:hover,td select:hover{border-color:var(--line);background:var(--surface)}td textarea{min-height:28px;resize:vertical}td select{padding-right:24px}.row-index{border:0;background:none;padding:5px;color:var(--muted);font-size:9px}.row-error{font-size:9px;line-height:1.5;color:var(--text-secondary);display:block;max-width:230px;margin:5px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;font-size:9px;color:var(--muted)}.pagination>div{display:flex;gap:10px}.batch-bottom{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr);gap:24px;margin-top:13px}.compact .preview-stage{height:180px}.compact .code-paper{width:135px!important}.compact .code-paper>svg{max-height:155px}.compact .panel-top{padding:10px 13px}.compact .preview-toolbar{padding:5px 10px}.batch-export{padding:4px 0}.batch-export h3{font-size:13px;color:var(--text-secondary)}.batch-export p{font-size:10px;color:var(--muted);line-height:1.8;margin:8px 0 15px}.batch-export .field{margin-bottom:14px}.batch-export>small{display:block;text-align:center;font-size:9px;margin-top:9px}.batch-empty{padding:55px 20px 45px;text-align:center;color:var(--muted);border-top:1px solid var(--line);margin-top:25px;display:flex;flex-direction:column;align-items:center;gap:14px}.batch-empty h3{font-size:14px;color:var(--text-secondary);font-weight:500}.batch-empty p{font-size:11px;line-height:1.9;color:var(--muted)}.batch-empty .text-button{font-size:10px;margin-top:4px}.batch-note{margin-top:20px}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:6px}progress{width:100%;height:6px;appearance:none;border:0;border-radius:4px;overflow:hidden;background:var(--surface-hover);margin-bottom:12px}progress::-webkit-progress-bar{background:var(--surface-hover)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}dialog{border:1px solid var(--line);border-radius:14px;max-width:570px;width:calc(100% - 32px);padding:27px;color:var(--ink);box-shadow:0 20px 100px var(--shadow-raised);max-height:85vh;overflow:auto}dialog::backdrop{background:var(--accent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-top h2{font-size:19px;font-weight:600;letter-spacing:-.4px}dialog>.muted{font-size:12px;margin-bottom:20px}dialog h3{font-size:12px;margin:24px 0 13px}dialog>.toggle-row{margin-bottom:20px}dialog .field-label{font-size:11px}.preset-save{display:flex;gap:10px}.preset-list>div{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;margin-bottom:8px;padding-right:8px}.preset-list>div>button:first-child{display:flex;align-items:center;gap:13px;flex:1;border:0;background:none;text-align:left;padding:14px;color:var(--text-secondary)}.preset-list strong{display:block;font-size:12px;color:var(--text-secondary)}.preset-list small{font-size:10px;display:block;margin-top:3px}.preset-list>div>button:first-child>svg:last-child{margin-left:auto}.help-content p{font-size:12px;line-height:1.85;color:var(--text-secondary);margin-bottom:16px}.help-content strong{color:var(--text-secondary);font-weight:600}.help-content .button{margin-top:8px}.import-preview{border:1px solid var(--line);border-radius:6px;margin:18px 0;overflow:hidden}.import-preview>div{display:flex;gap:15px;padding:10px 14px;background:var(--surface-alt);border-bottom:1px solid var(--line);font-size:11px}.import-preview code{overflow-wrap:anywhere;max-width:90%}.import-preview span{color:var(--muted)}.toast{position:fixed;bottom:27px;left:calc(50% + 112px);transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--accent);color:var(--muted);padding:14px 16px;border-radius:9px;font-size:12px;box-shadow:0 10px 35px var(--shadow-raised);z-index:100;max-width:calc(100% - 30px);line-height:1.6}.toast>svg{flex-shrink:0;color:var(--muted)}.toast button{border:0;background:none;color:var(--muted);display:flex;padding:3px;margin-left:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1650px){.workspace,.modebar,.page-heading,.workspace-footer{margin-left:55px;margin-right:55px}.workspace{grid-template-columns:minmax(270px,1fr) minmax(340px,1.6fr) 305px}.preview-stage{height:355px}.code-paper>svg{max-height:310px}.topbar{padding:0 55px}.settings-panel,.input-panel{padding:25px}.preview-column{padding:28px}}@media(max-width:1270px){.sidebar{width:190px;min-width:190px;padding:30px 13px 20px}.main{margin-left:190px;width:calc(100% - 190px)}.brand{gap:5px}.brand>span{font-size:22px}.brand i{font-size:6px}.brand img{width:32px}.topbar{padding:0 25px}.page-heading,.modebar,.workspace,.workspace-footer{margin-left:25px;margin-right:25px}.workspace{grid-template-columns:minmax(220px,.9fr) minmax(260px,1.2fr) 245px}.input-panel,.settings-panel,.preview-column{padding:21px 17px}.settings-panel .section-heading h2{font-size:10px}.settings-panel .section-heading>.text-button{font-size:9px}h1{font-size:26px}.format-note{display:none}.content-tabs button{font-size:9px;padding-left:7px;padding-right:7px}.toast{left:calc(50% + 95px)}.sidebar-note{padding:15px 13px}.bulk.workspace{grid-template-columns:minmax(0,1fr) 245px}}@media(max-width:1120px){.workspace{grid-template-columns:245px minmax(0,1fr)}.settings-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:20px}.settings-panel fieldset{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.settings-section{border-bottom:0;padding:15px 0}.settings-panel .save-preset{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px}.settings-panel .section-heading h2{font-size:12px}.settings-section[open]{grid-column:auto}.workspace-footer{flex-direction:column;align-items:flex-start;gap:7px}.sidebar-note{margin-top:55px}.bulk.workspace{grid-template-columns:1fr}.batch-input{grid-template-columns:1.3fr 1fr}.heading-mark{display:none}.settings-panel details.settings-section{grid-column:1/-1}.settings-panel details.settings-section>.button{max-width:280px}.settings-panel details.settings-section>.field{max-width:260px}}@media(max-width:800px){.sidebar{width:65px;min-width:65px;padding:22px 9px}.brand{padding:0;margin-bottom:35px;justify-content:center}.brand img{width:35px;height:35px}.brand>span,.nav-label,.nav-item>span,.sidebar-note,.sidebar-bottom .version{display:none}.nav-item{font-size:0;padding:14px;gap:0}.nav-item svg{width:18px;min-width:18px}.sidebar-bottom .nav-item svg:last-child{display:none}.main{margin-left:65px;width:calc(100% - 65px)}.toast{left:calc(50% + 32px)}.page-heading,.modebar,.workspace,.workspace-footer{margin-left:20px;margin-right:20px}.topbar{height:65px;padding:0 20px}.top-actions{gap:10px}.breadcrumb{font-size:10px}.page-heading{margin-top:28px}h1{font-size:26px}.eyebrow{font-size:8px}.page-heading p{font-size:11px;line-height:1.7;max-width:340px}.workspace{grid-template-columns:220px minmax(0,1fr)}.input-panel,.preview-column{padding:18px 15px}.preview-stage{height:255px}.export-card{padding:14px}.export-card>div:first-child{align-items:flex-start;gap:8px}.export-card strong{line-height:1.7;font-size:10px}.export-card p{line-height:1.7;font-size:8px}.file-icon{min-width:28px;width:28px;height:33px}.export-card .button{font-size:11px!important}.settings-panel fieldset{grid-template-columns:1fr 1fr}.settings-section{border-bottom:1px solid var(--line)}.content-tabs button{font-size:9px;padding-left:5px;padding-right:5px}.batch-panel{padding:20px}.topbar .button{font-size:10px;padding:9px 10px}.batch-bottom{gap:15px}.offline-ready{margin-left:20px}}@media(max-width:620px){.sidebar{display:none}.main{margin-left:0;width:100%}.topbar{height:59px;padding:0 17px}.breadcrumb{font-size:9px;gap:7px}.top-actions{gap:7px}.top-actions .button.ghost{font-size:0;gap:0}.page-heading,.modebar,.workspace,.workspace-footer{margin-left:15px;margin-right:15px}.page-heading{margin-top:26px;margin-bottom:23px}h1{font-size:25px;letter-spacing:-.8px}.eyebrow{font-size:7px;letter-spacing:1.6px}.page-heading p{font-size:10px;max-width:310px}.modebar{margin-bottom:17px}.tabs{width:100%}.tabs button{flex:1;padding:10px 8px;font-size:10px;justify-content:center;gap:6px}.workspace{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line);padding:22px}.input-panel textarea{min-height:100px}.input-panel .field{margin-bottom:17px}.input-tip{display:none}.input-panel .section-heading{margin-bottom:20px}.encoded-value{margin-bottom:0}.content-tabs{gap:8px}.content-tabs button{font-size:11px;padding:9px}.preview-column{padding:22px}.preview-stage{height:280px}.preview-column .code-paper{max-width:70%}.preview-toolbar{font-size:10px}.export-card strong{font-size:12px}.export-card p{font-size:10px}.export-card{padding:18px}.settings-panel{padding:22px}.settings-panel fieldset{display:block}.settings-section{padding:22px 0}.settings-panel .section-heading{margin-bottom:5px}.settings-panel .section-heading h2{font-size:12px}.settings-section .field-label{font-size:11px}.settings-section input,.settings-section select{font-size:12px}.settings-section h3{font-size:9px}.settings-section .two-col{gap:18px}.color-wrap input{font-size:10px}.toggle-row{font-size:12px}.shape-picker button{padding:14px 10px;font-size:11px}.shape-picker{gap:12px}.shape-sample{grid-template-columns:10px 10px;gap:3px}.shape-sample i{width:10px;height:10px}.save-preset{padding-top:22px}.workspace-footer{font-size:8px;margin-top:18px;gap:8px}.toast{left:50%;bottom:16px;font-size:11px;width:max-content}.batch-panel{padding:20px}.batch-input{grid-template-columns:1fr;gap:19px}.dropzone{padding:20px;gap:8px;min-height:170px}.batch-bottom{grid-template-columns:1fr}.compact .preview-stage{height:210px}.batch-summary{gap:10px;flex-wrap:wrap}.batch-summary .text-button{font-size:9px}.batch-export{padding:9px 0}.batch-export>small{font-size:9px}.batch-panel .section-heading>.muted{font-size:9px}.batch-empty{padding:40px 10px}.number-wrap>span{font-size:11px}.toggle-row{margin-top:6px}.settings-section summary{font-size:12px}.offline-ready{margin-left:15px}.update-banner{margin:15px}.modal-top h2{font-size:17px}.preset-save{gap:7px}dialog{padding:22px}.help-content p{font-size:11px}.top-actions .offline-badge{font-size:0;gap:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.mobile-tools{display:none}@media(max-width:620px){.mobile-tools{display:flex;justify-content:space-between;margin:0 20px 18px;gap:10px}.mobile-tools .text-button{font-size:10px}}@media(min-width:1850px){.workspace,.modebar,.page-heading,.workspace-footer,.offline-ready{max-width:1550px;margin-left:auto;margin-right:auto}}:root{color-scheme:light;--brand: #ec1c24;--accent: #c9131c;--action: #d61820;--action-hover: #bd1018;--accent-soft: #fff1f2;--accent-line: #edb3b7;--field-focus: #b76369;--field-focus-ring: #ec1c2410;--page: #f4f4f5;--surface: #ffffff;--surface-alt: #fafafa;--surface-hover: #f0f0f3;--ink: #202027;--text-secondary: #4d4d58;--muted: #6e6e79;--line: #e3e3e7;--line-strong: #bdbdc7;--success: #26704e;--success-bg: #f0f8f3;--success-line: #d2e7da;--warning: #8c5a12;--warning-bg: #fff8e9;--warning-line: #ead9b2;--danger: #bd2833;--shadow: #10101408;--shadow-raised: #10101426;--grid: #d9d9df;background:var(--page);color:var(--ink)}:root[data-theme=dark]{color-scheme:dark;--accent: #ff777d;--accent-soft: #322024;--accent-line: #794048;--field-focus: #b77b80;--field-focus-ring: #ff777d14;--page: #101014;--surface: #1a1a20;--surface-alt: #16161c;--surface-hover: #25252e;--ink: #f1f1f4;--text-secondary: #c0c0ca;--muted: #a0a0ae;--line: #33333e;--line-strong: #60606f;--success: #83d2a4;--success-bg: #192a22;--success-line: #2d493a;--warning: #e6bd70;--warning-bg: #30281b;--warning-line: #5a482b;--danger: #ff9298;--shadow: #00000020;--shadow-raised: #00000070;--grid: #35353f}body{background:var(--page);color:var(--ink)}::selection{background:var(--accent-line);color:var(--ink)}input,select,textarea{border-color:var(--line-strong)}input:not([type=checkbox]):not([type=range]):focus,textarea:focus,select:focus,td textarea:focus,td select:focus,.number-wrap:focus-within,.filename-wrap:focus-within,.color-field .color-wrap:focus-within{outline:none;border-color:var(--field-focus);box-shadow:0 0 0 1px var(--field-focus-ring)}:is(.number-wrap,.filename-wrap,.color-wrap) input:focus{outline:none;border:0;box-shadow:none!important}input[type=checkbox]{accent-color:var(--action)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23858594' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")}.sidebar{background:#141418;color:#b2b2bd;border-right:1px solid #303038}.brand{color:#fff}.brand i{color:#b0b0bb;letter-spacing:2.1px}.nav-label,.version{color:#93939f}.version{border-color:#33333c}.nav-item{color:#b9b9c5;gap:10px}.nav-item:hover{background:#25252d;color:#fff}.nav-item.active{background:#342024;color:#fff;box-shadow:inset 2px 0 0 var(--brand)}.nav-item.active>svg{color:#ff7178}.nav-dot{background:var(--brand)}.nav-count{background:#2f2f38;color:#c3c3ce}.sidebar-note{background:#1d1d24;border-color:#363640}.note-icon,.sidebar-note>span{color:#a9c9b5}.sidebar-note strong{color:#f0f0f3}.sidebar-note p{color:#aaaab5}.live-dot{background:var(--success)}.sidebar .live-dot{background:#83c6a0}.topbar{background:var(--surface-alt)}.top-actions{gap:10px}.theme-toggle{min-width:116px}.theme-toggle svg{color:var(--accent)}.button.primary{background:var(--action);border-color:var(--action);color:#fff}.button.primary:hover{background:var(--action-hover);border-color:var(--action-hover);box-shadow:0 3px 10px #ec1c2424}.text-button,.text-button:hover,.tabs button.active,.content-tabs button.active{color:var(--accent)}.toggle-row input:checked+.switch{background:var(--action)}.switch:before{background:#fff}.shape-picker button.selected,.character-groups label.selected{background:var(--accent-soft);border-color:var(--accent-line);color:var(--ink)}.character-groups label.selected code{color:var(--accent)}.content-status{background:var(--success-bg);border-color:var(--success-line);color:var(--success)}.content-status strong,.content-status span,.success-text,.random-capacity{color:var(--success)}.danger{color:var(--danger)!important}.warnings,.random-error,.update-banner{background:var(--warning-bg);border-color:var(--warning-line);color:var(--warning)}.warnings p,.warning-text,.row-error,.random-stale,.offline-badge{color:var(--warning)!important}.step,.file-icon,.upload-icon,.random-count{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.random-to-batch{background:var(--surface-alt);border-color:var(--line)}.random-batch-intro .upload-icon{border-color:var(--accent-line)}.random-output{color:var(--ink)}.random-output:focus{box-shadow:inset 0 0 0 1px var(--field-focus)}.random-empty{background-color:var(--surface-alt);background-image:radial-gradient(var(--grid) .7px,transparent .7px)}.random-empty>span{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.preview-stage{background-color:var(--surface-hover);background-image:radial-gradient(var(--grid) .7px,transparent .7px)}.code-paper{background:#fff;color-scheme:light}.code-paper>svg{color-scheme:light}progress::-webkit-progress-value{background:var(--action)}progress::-moz-progress-bar{background:var(--action)}dialog{background:var(--surface)}dialog::backdrop{background:#08080c99}.toast{background:var(--ink);color:var(--surface)}.toast>svg,.toast button{color:inherit}@media(max-width:1270px)and (min-width:801px){.nav-item{font-size:11px;padding-left:10px;padding-right:10px;gap:8px}}@media(max-width:800px){.theme-toggle{min-width:35px}.theme-toggle span{display:none}}@media(max-width:620px){.breadcrumb{font-size:10px}.breadcrumb>span{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb{gap:5px}.breadcrumb .breadcrumb-root,.breadcrumb>svg{display:none}.theme-toggle{width:36px;height:36px;padding:8px!important}}