.graphic-search{margin:18px 0 10px}.graphic-groups{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px}.graphic-button{height:94px;padding:9px 3px;gap:7px}.graphic-button small{font-size:9px;color:var(--muted)}.graphic-button svg{width:39px;height:39px;overflow:visible}.pair-card{padding:15px 12px;text-align:left;border:1px solid var(--line);border-radius:7px;display:block;width:100%;margin:10px 0;background:#fff}.pair-card:hover{background:#f2f5ec}.pair-card strong{display:block;font-size:19px;line-height:1.2;margin:9px 0}.pair-card small{display:block;font-size:10px;color:var(--muted);line-height:1.5}.pair-card .style-name{font:9px Arial;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.palette-option{border:1px solid var(--line);background:#fff;border-radius:7px;padding:12px;margin:9px 0}.palette-option>strong{font-size:11px}.palette-strip{display:flex;border-radius:4px;overflow:hidden;height:25px;margin:9px 0}.palette-strip span{flex:1}.palette-option .palette-actions{display:flex;gap:8px}.palette-actions button{font-size:10px;flex:1;padding:7px;border:1px solid var(--line);border-radius:4px}.palette-actions button:hover{background:#edf2e5}#canvas-guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.canvas-area[data-surface="dark"]{background:#343a3c}.canvas-area[data-surface="checker"]{background-color:#e7e9e3;background-image:conic-gradient(#f3f4ef 25%,transparent 0 50%,#f3f4ef 0 75%,transparent 0);background-size:28px 28px}.settings-check{display:flex;gap:10px;align-items:center;padding:10px 0;font-size:13px}.settings-note{font-size:11px;line-height:1.6;color:var(--muted);margin-top:14px}.effects-row{display:flex;gap:8px;margin:12px 0}.effects-row label{display:flex;gap:6px;align-items:center;font-size:11px}.home-mode #canvas-settings{display:none}@media(max-width:730px){.breadcrumbs{display:none}.canvas-tools{width:100%;justify-content:space-between}.graphic-button{height:79px}.graphic-button small{font-size:8px}.pair-card strong{font-size:15px}.palette-actions{flex-wrap:wrap}}