.editor-page{overflow-x:hidden}.editor-shell{max-width:1500px;margin:auto;padding:24px clamp(12px,3vw,36px) 60px}.editor-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.title-input{display:block;width:min(560px,80vw);font-size:clamp(1.6rem,3vw,2.5rem);font-weight:900;letter-spacing:-.04em;color:var(--ink);border:0;border-bottom:2px solid transparent;background:transparent;padding:4px 0}.title-input:focus{outline:none;border-color:var(--teal)}.save-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:end}.primary-action,.secondary-action,.import-button{border:1px solid var(--ink);border-radius:9px;padding:10px 13px;background:var(--ink);color:white;font-weight:850;cursor:pointer;text-align:center}.secondary-action,.import-button{background:var(--card);color:var(--ink);border-color:var(--line)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:17px}.editor-main{min-width:0}.toolbars{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.toolbar{display:flex;gap:5px;flex-wrap:wrap}.toolbar button,.zoom-row button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:9px 11px;font-weight:800;cursor:pointer}.toolbar button.active{background:var(--coral);border-color:var(--ink)}.canvas-stage{height:min(76vh,900px);min-height:460px;overflow:auto;border:1px solid var(--line);border-radius:13px;background:#e9e9e3;display:grid;place-items:center;box-shadow:var(--shadow);touch-action:none}#designCanvas{background:white;image-rendering:pixelated;box-shadow:0 4px 24px rgba(16,47,53,.12);max-width:none;max-height:none}.zoom-row{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.zoom-row label{margin-left:10px;font-size:.86rem;font-weight:700}.editor-sidebar{display:grid;gap:12px;align-content:start}.panel{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:17px}.panel h2{font-size:1rem;margin:0 0 14px}.panel>label{display:grid;gap:6px;margin:12px 0;font-size:.84rem;font-weight:800}.panel select,.panel input[type=number],.panel input[type=text],.custom-color input{border:1px solid var(--line);background:white;border-radius:8px;padding:10px;width:100%;color:var(--ink)}.size-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.size-grid label{display:grid;gap:5px;font-size:.82rem;font-weight:800}.current-color{display:flex;gap:10px;align-items:center;margin-bottom:12px}.current-color>span{width:48px;height:38px;border-radius:8px;border:1px solid var(--line)}.current-color div{display:grid}.current-color small{color:var(--muted)}.custom-color{display:grid;grid-template-columns:1fr 44px auto;gap:6px}.custom-color input[type=color]{padding:3px}.custom-color button{border:1px solid var(--line);border-radius:8px;background:white;font-weight:800}.palette-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:12px}.color-button{aspect-ratio:1;border:1px solid rgba(0,0,0,.18);border-radius:5px;cursor:pointer;position:relative}.color-button.active:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:white;text-shadow:0 1px 3px #000;font-weight:900}.stats-panel>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:.84rem}.stats-panel ol{list-style:none;padding:0;max-height:180px;overflow:auto}.stats-panel li{display:flex;align-items:center;gap:7px;font-size:.8rem;margin:6px 0}.stats-panel li span:first-child{width:16px;height:16px;border-radius:4px;border:1px solid var(--line)}.stats-panel li strong{margin-left:auto}.panel>.secondary-action,.panel>.import-button{display:block;width:100%;margin-top:8px}@media(max-width:980px){.editor-layout{grid-template-columns:1fr}.editor-sidebar{grid-template-columns:1fr 1fr}.canvas-stage{height:65vh}}@media(max-width:640px){.editor-top{align-items:start;flex-direction:column}.save-actions{justify-content:start}.toolbar button span{display:none}.editor-sidebar{grid-template-columns:1fr}.canvas-stage{min-height:360px;height:56vh}.palette-grid{grid-template-columns:repeat(8,1fr)}}
.replace-colors{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.replace-colors label{display:grid;gap:4px;font-size:.72rem;font-weight:800}.replace-colors select{min-width:0}.replace-colors button{grid-column:1/-1}.saved-colors{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.saved-colors>button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px;font-weight:800}.saved-colors>div{grid-column:1/-1;display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.saved-colors>div button{aspect-ratio:1;border:1px solid rgba(0,0,0,.2);border-radius:5px}@media print{.site-header,.editor-top .save-actions,.toolbars,.zoom-row,.editor-sidebar,.community-footer{display:none!important}.editor-shell{padding:0}.editor-layout{display:block}.canvas-stage{height:auto;min-height:0;overflow:visible;border:0;box-shadow:none;background:#fff}#designCanvas{max-width:100%;height:auto;box-shadow:none}}