.logo-main{max-width:1280px}.eyebrow{color:var(--acc);font-size:.76rem;font-weight:800;letter-spacing:.12em;margin:0 0 8px}.logo-shell{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:18px;align-items:start}.logo-gallery,.logo-workspace{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:17px;min-width:0}.gallery-head,.canvas-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.gallery-head h2,.canvas-head h2{margin:0;font-size:1.06rem}.gallery-head span,.canvas-head small{font-size:.76rem;color:var(--mute)}.gallery-search{display:block;color:var(--mute);font-size:.8rem;margin:12px 0}.gallery-search input{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit;font-size:.9rem;margin-top:4px}.template-grid{height:min(70vh,690px);overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:2px 3px 12px}.template-tile{display:block;min-width:0;text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:5px;font:inherit}.template-tile[aria-pressed=true],.template-tile:hover{border-color:var(--acc);box-shadow:0 0 0 2px color-mix(in srgb,var(--acc) 18%,transparent)}.template-tile svg{display:block;width:100%;aspect-ratio:10/7;border-radius:6px;background:#fff}.template-tile span{display:block;font-size:.7rem;color:var(--mute);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:3px 2px}.canvas-head{margin:0 0 12px}.history{display:flex;gap:6px}.history button{font-size:1.3rem;line-height:1;width:36px;height:36px;background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--ink);cursor:pointer}.history button:disabled{opacity:.4;cursor:not-allowed}.logo-stage{background:repeating-conic-gradient(#e8eaf0 0% 25%,#f7f8fb 0% 50%) 50% / 24px 24px;border-radius:12px;border:1px solid var(--line);overflow:hidden}.logo-stage svg{display:block;width:100%;height:auto;aspect-ratio:10/7;touch-action:none;user-select:none}.logo-stage svg [data-id]{cursor:move}.logo-stage svg .selected-outline{pointer-events:none;stroke:#3184ff;stroke-width:2;stroke-dasharray:5 4;fill:none}.logo-stage svg .resize-handle{fill:#fff;stroke:#2374ed;stroke-width:3;cursor:nwse-resize;touch-action:none}.logo-stage svg .resize-hit{fill:transparent;stroke:none;cursor:nwse-resize;touch-action:none}#editor-status{font-size:.81rem;color:var(--mute);min-height:28px;padding:6px 2px}.editor-panel{border-top:1px solid var(--line);padding-top:12px}.editor-heading{display:flex;gap:10px;align-items:baseline;justify-content:space-between}.editor-heading h3{margin:0 0 12px;font-size:.95rem}.editor-heading span{font-size:.75rem;color:var(--mute)}.editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}.editor-fields #selected-text-wrap:not([hidden]){grid-column:1/-1}.editor-fields label,.export-panel label{display:block;color:var(--mute);font-size:.78rem;font-weight:600}.editor-fields input,.editor-fields select,.export-panel select{display:block;width:100%;min-width:0;margin-top:4px;padding:9px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:9px;font:inherit;font-size:.88rem}.editor-fields input[type=color]{height:42px;padding:4px}.editor-fields input[type=range]{padding:8px 0}.editor-fields output{color:var(--ink)}.edit-actions{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 5px}.edit-actions button{border:1px solid var(--line);border-radius:8px;padding:7px 9px;font:600 .8rem Inter,system-ui;color:var(--ink);background:var(--bg);cursor:pointer}.edit-actions button:hover,.upload-button:hover{border-color:var(--acc)}.upload-button{border:1px solid var(--line);border-radius:8px;padding:7px 9px;font:600 .8rem Inter,system-ui;color:var(--ink);background:var(--bg);cursor:pointer}.upload-button input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.upload-button:focus-within{outline:3px solid var(--acc);outline-offset:2px}.editor-tip,.logo-note p{color:var(--mute);font-size:.82rem;line-height:1.6}.export-panel{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.export-panel label{flex:1 1 145px}.export-panel button{flex:1 1 165px;font-size:.88rem;padding:11px;white-space:nowrap}.logo-note{margin-top:25px}.logo-note h2{margin-bottom:4px}@media(max-width:820px){.logo-shell{grid-template-columns:1fr}.template-grid{height:auto;max-height:230px;grid-template-columns:repeat(4,minmax(0,1fr))}.logo-gallery{position:static}}@media(max-width:520px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:210px}.editor-fields{grid-template-columns:1fr 1fr}.editor-fields label:first-child,.editor-fields label:nth-child(2){grid-column:1/-1}.export-panel button{flex-basis:100%}.logo-gallery,.logo-workspace{padding:12px}.logo-main{padding:20px 12px 36px}}@media(max-width:360px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}