html:has([data-logo-drop]),body:has([data-logo-drop]){overflow-x:clip}.logo-drop{padding:var(--space-xl);background:var(--color-paper-2);border-radius:var(--radius-media);text-align:center}.logo-drop[data-dragging]{outline:3px solid var(--color-ink)}.logo-drop .actions{justify-content:center}.logo-samples{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg)}.logo-samples button{display:grid;justify-items:center;padding:var(--space-sm);border:0;border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);cursor:pointer;font:inherit}.logo-samples img{width:96px;height:64px}.logo-samples button:hover{background:var(--color-paper-3)}.logo-work{margin-top:var(--space-xl)}.logo-work[hidden]{display:none}.logo-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.logo-previews figure{margin:0;min-width:0}.logo-stage{display:grid;place-items:center;aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--radius-lg);background:repeating-conic-gradient(var(--checker-a) 0% 25%,var(--checker-b) 0% 50%) 0 / 20px 20px}.logo-stage[data-bg=light]{background:var(--color-paper)}.logo-stage[data-bg=dark]{background:var(--color-ink)}.logo-stage img,.logo-stage>div{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.logo-stage svg{max-width:100%;max-height:100%}.logo-controls{display:flex;gap:var(--space-lg);flex-wrap:wrap;margin-block:var(--space-lg)}.logo-controls label{display:grid;gap:var(--space-xs);min-width:0}.logo-settings{border:0;padding:0;margin:0}.logo-settings legend{font-weight:700;margin-top:var(--space-lg)}.logo-work select{max-width:100%;padding:var(--space-xs);font:inherit;color:var(--color-ink);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-btn)}.logo-parts{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:0;list-style:none}.logo-parts li{padding:var(--space-xs) var(--space-sm);background:var(--color-paper-2);border-radius:var(--radius-pill);overflow-wrap:anywhere}.logo-status{min-height:1.5em;margin-block:var(--space-md)}.logo-work .btn{max-width:100%;white-space:nowrap}.logo-work button:disabled{opacity:.5;cursor:not-allowed}.logo-work button:focus-visible,.logo-samples button:focus-visible{outline:3px solid var(--color-ink);outline-offset:4px}.logo-work button:active,.logo-samples button:active{transform:translateY(1px)}@media (max-width: 600px){.logo-previews{grid-template-columns:minmax(0,1fr)}.logo-drop{padding:var(--space-lg) var(--space-sm)}.logo-work .actions{flex-direction:column;align-items:stretch}.logo-samples img{width:72px;height:48px}.logo-controls{gap:var(--space-md)}}@media (prefers-reduced-motion: reduce){.logo-work *,.logo-samples *{transition:none;animation:none}}body:has([data-logo-drop]) .t-title{overflow-wrap:anywhere;min-width:0}.logo-work select,.logo-work input[type=range]{min-height:44px}.logo-work input[type=checkbox],.logo-work input[type=range]{accent-color:var(--color-ink)}.logo-work label{cursor:pointer}.logo-styles{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-lg)}.logo-styles button{min-height:44px;padding:0 var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink);font:inherit;font-weight:600;cursor:pointer}.logo-styles button:hover{background:var(--color-paper-2)}.logo-styles button[aria-checked=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.logo-styles button:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}.logo-controls--row{align-items:end;margin-top:var(--space-md)}.logo-check{display:flex!important;align-items:center;gap:var(--space-xs);min-height:44px}.logo-check input{width:18px;height:18px;margin:0}.logo-partsbox{margin-block:var(--space-lg)}.logo-partsbox .h3{margin-bottom:0}.logo-partsbox .fine{margin-top:var(--space-2xs, 4px)}.logo-more{margin-top:var(--space-lg);border-top:1px solid var(--color-rule);padding-top:var(--space-md)}.logo-more summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.logo-more .logo-settings legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.logo-work{scroll-margin-top:88px}