.logo-generator .logo-controls fieldset>label:not(.generator-color):not(.generator-check):not(.generator-range){color:var(--svg-dim);margin-top:11px;font-size:9px;display:block}.logo-generator .logo-icon-trigger{border:1px solid var(--svg-line);width:100%;color:var(--svg-paper);background:var(--svg-panel);font:inherit;text-align:left;cursor:pointer;transition:border-color .18s var(--ease-out),background .18s var(--ease-out),transform .16s var(--ease-out);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:8px;padding:9px;display:grid}.logo-generator .logo-icon-trigger:hover{background:#132019;border-color:#3f6e56}.logo-generator .logo-icon-trigger:active{transform:scale(.985)}.logo-generator .logo-icon-trigger>svg{fill:none;width:30px;height:30px;stroke:var(--svg-green);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.logo-generator .logo-icon-trigger b{font-size:10px;font-weight:500;display:block}.logo-generator .logo-icon-trigger small{color:var(--svg-dim-2);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;display:block;overflow:hidden}.logo-generator .logo-icon-trigger-action{color:var(--svg-green);white-space:nowrap;font-size:8px}.logo-generator .logo-segmented{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px;display:grid}.logo-generator .logo-segmented.decoration{grid-template-columns:repeat(4,1fr)}.logo-generator .logo-segmented button{border:1px solid var(--svg-line);min-height:33px;color:var(--svg-dim);background:var(--svg-panel);font:inherit;cursor:pointer;transition:border-color .16s var(--ease-out),background .16s var(--ease-out),color .16s var(--ease-out),transform .16s var(--ease-out);padding:5px 4px;font-size:8px}.logo-generator .logo-segmented button:hover{color:var(--svg-paper);border-color:#3f6e56}.logo-generator .logo-segmented button.active{color:var(--svg-green);background:#132019;border-color:#3f6e56}.logo-generator .logo-segmented button:active{transform:scale(.96)}.logo-generator .generator-check span{align-items:center;gap:5px;display:flex}.logo-generator .logo-generator-canvas{min-height:430px}.icon-picker-backdrop{z-index:40;backdrop-filter:blur(8px);animation:iconPickerFade .18s var(--ease-out);background:#030805c2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.icon-picker-modal{width:min(970px,100%);max-height:min(760px,100dvh - 48px);animation:iconPickerRise .22s var(--ease-out);background:#0d1510;border:1px solid #415b4b;overflow:hidden;box-shadow:0 28px 90px #00000085}.icon-picker-modal>header{border-bottom:1px solid var(--svg-line);background:linear-gradient(90deg,#101b14,#0000);justify-content:space-between;gap:24px;padding:22px 24px 14px;display:flex}.icon-picker-modal>header span{color:var(--svg-dim);letter-spacing:.1em;align-items:center;gap:7px;font-size:9px;display:flex}.icon-picker-modal h2{letter-spacing:-.05em;margin:8px 0 3px;font-family:Space Grotesk,sans-serif;font-size:28px}.icon-picker-modal p{color:var(--svg-dim);margin:0;font-size:10px;line-height:1.55}.icon-picker-modal>header button{border:1px solid var(--svg-line);width:32px;height:32px;color:var(--svg-paper);cursor:pointer;transition:border-color .16s var(--ease-out),color .16s var(--ease-out);background:0 0;place-items:center;display:grid}.icon-picker-modal>header button:hover{border-color:var(--svg-orange);color:var(--svg-orange)}.icon-picker-search{border:1px solid var(--svg-line);color:var(--svg-dim);background:#09100c;align-items:center;gap:8px;margin:16px 24px 0;padding:0 10px;display:flex}.icon-picker-search:focus-within{color:var(--svg-green);border-color:#3f6e56}.icon-picker-search input{width:100%;height:39px;color:var(--svg-paper);font:inherit;background:0 0;border:0;outline:0;font-size:11px}.icon-picker-results{max-height:500px;padding:18px 24px 26px;overflow:auto}.icon-picker-results section+section{margin-top:22px}.icon-picker-results h3{color:var(--svg-dim-2);letter-spacing:.13em;margin:0 0 8px;font-size:9px;font-weight:400}.icon-picker-results section>div{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;display:grid}.icon-picker-results section button{border:1px solid var(--svg-line);min-height:82px;color:var(--svg-dim);font:inherit;cursor:pointer;transition:border-color .16s var(--ease-out),background .16s var(--ease-out),color .16s var(--ease-out),transform .16s var(--ease-out);background:#101712;place-items:center;gap:5px;padding:8px 4px;display:grid;position:relative}.icon-picker-results section button:hover{color:var(--svg-paper);background:#15251a;border-color:#3f6e56}.icon-picker-results section button.active{border-color:var(--svg-green);color:var(--svg-green);background:#132019;box-shadow:inset 0 0 0 1px #7cffb229}.icon-picker-results section button:active{transform:scale(.97)}.icon-picker-results section button>svg:first-child{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.icon-picker-results section button span{font-size:8px}.icon-picker-results section button>svg:last-child{position:absolute;top:5px;right:5px}.icon-picker-empty{text-align:center;padding:34px 0}@keyframes iconPickerFade{0%{opacity:0}to{opacity:1}}@keyframes iconPickerRise{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.logo-generator .logo-layer-list{gap:5px;margin-top:7px;display:grid}.logo-generator .logo-layer-chip{grid-template-columns:minmax(0,1fr) 29px;gap:5px;display:grid}.logo-generator .logo-layer-chip>button:first-child{border:1px solid var(--svg-line);min-width:0;color:var(--svg-dim);font:inherit;text-align:left;cursor:pointer;background:#0b130e;align-items:center;gap:7px;padding:6px 8px;font-size:8px;display:flex}.logo-generator .logo-layer-chip>button:first-child:hover{color:var(--svg-paper);border-color:#3f6e56}.logo-generator .logo-layer-chip svg{fill:none;width:15px;height:15px;stroke:var(--svg-green);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none}.logo-generator .logo-layer-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.logo-generator .logo-layer-remove{border:1px solid var(--svg-line);color:var(--svg-dim);cursor:pointer;background:#0b130e;place-items:center;display:grid}.logo-generator .logo-layer-remove:hover{border-color:var(--svg-orange);color:var(--svg-orange)}.logo-generator .logo-add-layer{width:100%;min-height:31px;color:var(--svg-green);font:inherit;cursor:pointer;background:0 0;border:1px dashed #3b5545;justify-content:center;align-items:center;gap:6px;margin-top:7px;font-size:8px;display:flex}.logo-generator .logo-add-layer:hover:not(:disabled){border-color:var(--svg-green);background:#112018}.logo-generator .logo-add-layer:disabled{opacity:.45;cursor:not-allowed}.logo-generator .logo-combine{grid-template-columns:repeat(2,1fr)}@media (width<=720px){.icon-picker-backdrop{align-items:end;padding:0}.icon-picker-modal{border-width:1px 0 0;max-height:88dvh}.icon-picker-modal>header{padding:17px 15px 12px}.icon-picker-modal h2{font-size:24px}.icon-picker-search{margin:12px 15px 0}.icon-picker-results{max-height:calc(88dvh - 150px);padding:15px}.icon-picker-results section>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.icon-picker-results section button{min-height:74px}.logo-generator .logo-generator-canvas{min-height:310px}.logo-generator .logo-segmented.decoration{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.icon-picker-backdrop,.icon-picker-modal{animation:none}.logo-generator .logo-icon-trigger,.logo-generator .logo-segmented button{transition:none}}.logo-generator .logo-canvas-stage{aspect-ratio:1200/630;width:min(100%,640px);position:relative}.logo-generator .logo-canvas-stage>img{object-fit:contain;user-select:none;-webkit-user-drag:none;width:100%;max-width:none;height:100%;max-height:none;display:block}.logo-generator .logo-drag-overlay{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.logo-generator .logo-drag-overlay.dragging{cursor:grabbing}.logo-generator .logo-drag-hit{fill:#0000;pointer-events:all}.logo-generator .logo-drag-ring{fill:none;stroke:#0000;stroke-width:4px;stroke-dasharray:11 10;pointer-events:none;transition:stroke .16s var(--ease-out)}.logo-generator .logo-drag-number{fill:#0000;text-anchor:middle;pointer-events:none;transition:fill .16s var(--ease-out);font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:700}.logo-generator .logo-drag-overlay g.selected .logo-drag-ring{stroke:#7cffb2e0}.logo-generator .logo-drag-overlay g.selected .logo-drag-number{fill:#7cffb2}.logo-generator .logo-layer-chip.selected>button:first-child{color:var(--svg-green);background:#132019;border-color:#3f6e56}.logo-generator .logo-reset-positions{width:100%;min-height:31px;color:var(--svg-dim);font:inherit;cursor:pointer;background:0 0;border:1px dashed #3b5545;justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:8px;display:flex}.logo-generator .logo-reset-positions:hover{border-color:var(--svg-green);color:var(--svg-green);background:#112018}@media (width<=720px){.logo-generator .logo-canvas-stage{width:100%;max-width:360px}.logo-generator .logo-drag-ring{stroke-width:6px}.logo-generator .logo-drag-number{font-size:27px}}.logo-generator .logo-layer-properties{background:linear-gradient(90deg,#7cffb20b,#0000)}.logo-generator .logo-dimension-inputs{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:end;gap:6px;margin-top:8px;display:grid}.logo-generator .logo-dimension-inputs>span{color:var(--svg-dim-2);text-align:center;padding-bottom:8px}.logo-generator .logo-dimension-inputs label{color:var(--svg-dim);gap:5px;font-size:8px;display:grid}.logo-generator .logo-dimension-inputs input{box-sizing:border-box;border:1px solid var(--svg-line);width:100%;height:34px;color:var(--svg-paper);background:var(--svg-panel);font:inherit;padding:7px;font-size:10px}.logo-generator .logo-dimension-inputs input:focus{border-color:var(--svg-green);outline:0}.logo-generator .logo-layer-properties legend{color:var(--svg-green)}