@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{color:#e8e4de;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-color:#e8e4de;--muted-text:#e8e4de99;--border:#ffffff14;--surface:#ffffff0a;--surface-hover:#ffffff12;--accent:#6c8cff;--accent-subtle:#6c8cff1f;--accent-border:#6c8cff40;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;background:#111113;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}a{color:inherit}.app-shell{grid-template-columns:minmax(320px,400px) minmax(0,1fr);min-height:100vh;display:grid}.control-panel{border-right:1px solid var(--border);background:#151518;align-self:start;height:100vh;padding:28px 22px 36px;position:sticky;top:0;overflow-y:auto}.panel-hero{border-bottom:1px solid var(--border);margin-bottom:22px;padding:8px 2px 24px}.eyebrow,.section-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-text);margin:0 0 8px;font-size:.72rem}.panel-hero h1{letter-spacing:-.01em;margin:0;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1}.hero-copy{color:var(--muted-text);max-width:34ch;margin:10px 0 0;font-size:.88rem;line-height:1.5}.panel-section{padding:16px 0 4px}.panel-section+.panel-section{border-top:1px solid var(--border)}.section-head{margin-bottom:14px}.section-head h2{margin:0;font-size:.95rem;font-weight:600}.section-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.hidden-input{display:none}.ghost-button,.primary-button,.preset-chip,.drag-handle,.logo-library-card,.selected-logo-remove{appearance:none;cursor:pointer;font:inherit;border:0}.ghost-button,.preset-chip{border-radius:var(--radius-sm);background:var(--surface);color:var(--text-color);border:1px solid var(--border);padding:8px 14px;font-size:.85rem;transition:background .12s,border-color .12s}.ghost-button:hover,.preset-chip:hover,.logo-library-card:hover,.selected-logo-remove:hover{background:var(--surface-hover)}.ghost-button:hover,.preset-chip:hover{border-color:#ffffff24}.primary-button{border-radius:var(--radius-sm);background:var(--accent);color:#fff;padding:10px 18px;font-size:.88rem;font-weight:600;transition:background .12s}.primary-button:hover{background:#5a7cf0}.logo-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.logo-library-card{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);color:var(--text-color);text-align:left;gap:8px;padding:12px;transition:background .12s,border-color .12s;display:grid}.logo-library-card span{color:var(--muted-text);font-size:.82rem}.logo-swatch{box-sizing:border-box;border-radius:calc(var(--radius-sm) - 2px);background:linear-gradient(45deg,#f5f5f5 25%,#dfdfdf 25% 50%,#f5f5f5 50% 75%,#dfdfdf 75% 100%) 0 0/14px 14px;border:1px solid #ffffff14;justify-content:center;align-items:center;padding:8px;display:flex;position:relative;overflow:hidden}.logo-swatch-frame{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.logo-swatch img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.logo-swatch--library{min-height:48px}.logo-library-card.is-selected{background:var(--accent-subtle);border-color:var(--accent-border)}.subsection{margin-top:14px}.field-label-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:.84rem;display:flex}.field-label-row strong{color:var(--text-color);font-size:.82rem}.selection-toggle-row{color:var(--muted-text);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:.84rem;display:flex}.selection-toggle-main{align-items:center;gap:8px;display:inline-flex}.selection-toggle-row input[type=checkbox],.selected-logo-check input[type=checkbox]{accent-color:var(--accent)}.segmented-control{flex-wrap:wrap;gap:4px;display:flex}.segmented-control[aria-disabled=true]{opacity:.45}.segmented-control button{appearance:none;border-radius:var(--radius-sm);background:var(--surface);color:var(--muted-text);cursor:pointer;border:1px solid #0000;padding:7px 12px;font-size:.84rem;transition:background .12s,color .12s,border-color .12s}.segmented-control button:hover:not(:disabled){background:var(--surface-hover);color:var(--text-color)}.segmented-control button:disabled{cursor:not-allowed}.segmented-control button.is-active{background:var(--accent-subtle);color:var(--text-color);border-color:var(--accent-border)}.field-stack,.range-field{gap:6px;margin-top:12px;display:grid}.range-field.is-disabled{opacity:.45}.field-stack span,.range-field span,.mini-field span{color:var(--muted-text);font-size:.8rem}.field-stack textarea,.field-stack select,.field-stack input[type=text],.mini-field input,.mini-field select{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text-color);outline:none;padding:9px 12px;font-size:.88rem;transition:border-color .12s}.field-stack textarea{resize:vertical;min-height:80px}.field-stack textarea:focus,.field-stack select:focus,.field-stack input[type=text]:focus,.mini-field input:focus,.mini-field select:focus{border-color:var(--accent-border)}.color-input-row{grid-template-columns:48px 1fr;gap:8px;display:grid}.color-input-row input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:48px;height:40px;padding:3px}.range-field input[type=range]{width:100%;accent-color:var(--accent)}.selected-logo-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.selected-logo-list li{border-radius:var(--radius-md);background:var(--surface);border:1px solid #0000;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.selected-logo-list li.is-selected{border-color:var(--accent-border);background:var(--accent-subtle)}.selected-logo-list li.is-active{box-shadow:inset 0 0 0 1px #6c8cff3d}.selected-logo-check{justify-content:center;align-items:center;display:inline-flex}.selected-logo-main{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;padding:0;display:grid}.selected-logo-main span{gap:2px;display:grid}.logo-swatch--small{width:52px;height:34px;padding:4px}.selected-logo-main small{color:var(--muted-text)}.selected-logo-remove{border-radius:var(--radius-sm);background:var(--surface);color:var(--muted-text);border:1px solid var(--border);padding:7px 10px;transition:background .12s}.workspace{background:#1a1a1f;min-width:0;padding:28px}.workspace-bar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.workspace-bar h2{max-width:24ch;color:var(--text-color);margin:0;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.1}.workspace-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.preset-chip{color:#fff9;background:#ffffff0f;border-color:#ffffff14}.preset-chip.is-active{background:var(--accent-subtle);color:var(--text-color);border-color:var(--accent-border)}.canvas-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffff0a;padding:16px}.preview-frame{border-radius:var(--radius-md);background:#f5f3ef;border:1px solid #ffffff0f;width:100%;position:relative;overflow:hidden}.preview-frame.is-transparent{background-color:#0000;background-image:linear-gradient(45deg,#ffffff0f 25%,#0000 25% 75%,#ffffff0f 75%),linear-gradient(45deg,#ffffff0f 25%,#0000 25% 75%,#ffffff0f 75%);background-position:0 0,14px 14px;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.preview-image{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.canvas-overlays{pointer-events:none;position:absolute;inset:0}.canvas-overlays button{pointer-events:auto}.empty-canvas-callout{border-radius:var(--radius-sm);color:#e8e4de;white-space:nowrap;background:#000000b3;padding:8px 14px;font-size:.82rem;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.logo-hitbox{background:0 0;border:1px dashed #0000;border-radius:4px;position:absolute}.logo-hitbox:hover,.logo-hitbox.is-selected{border-color:#6c8cff80}.logo-hitbox.is-active{border-color:#6c8cffbf;box-shadow:inset 0 0 0 1px #6c8cff4d,0 0 0 1px #6c8cff1f}.drag-outline{border-radius:var(--radius-md);background:#ffffff0a;border:1px dashed #fff3;position:absolute}.drag-outline.is-dragging{border-color:var(--accent);background:#6c8cff14}.drag-handle{z-index:2;color:#f4f1eb;cursor:grab;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;font-size:15px;line-height:1;display:grid;position:absolute;box-shadow:0 6px 18px #0003}.drag-handle.is-dragging{background:var(--accent);color:#fff;cursor:grabbing}.canvas-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.export-fields{flex-wrap:wrap;gap:8px;display:flex}.mini-field{gap:6px;display:grid}.mini-field input,.mini-field select{background:var(--surface);min-width:110px;color:var(--text-color);border:1px solid var(--border)}.footer-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.insights-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.insight-card{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff0a;padding:16px}.insight-card h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-text);margin:0 0 4px;font-size:.78rem;font-weight:500}.insight-card p{color:var(--text-color);margin:0;font-size:.88rem}.status-card.is-success{background:#4ade8014;border-color:#4ade8033}.status-card.is-error{background:#f8717114;border-color:#f8717133}.status-card.is-neutral{background:#ffffff0a}@media (width<=1240px){.app-shell{grid-template-columns:1fr}.control-panel{height:auto;max-height:none;position:static}.workspace{padding-top:20px}}@media (width<=880px){.workspace,.control-panel{padding:20px 16px 24px}.workspace-bar{flex-direction:column;align-items:flex-start}.canvas-card{padding:12px}.insights-row{grid-template-columns:1fr}}@media (width<=640px){.logo-library-grid{grid-template-columns:1fr}.canvas-footer{align-items:stretch}.export-fields,.footer-actions{width:100%}.footer-actions>*{flex:1 1 0;justify-content:center}}