.tool-hero{margin-bottom:28px}.tool-workspace{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:18px}.tool-panel,.preview-panel,.settings-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.tool-panel{padding:24px}.preview-panel{padding:20px;min-width:0}.upload-zone{border:2px dashed #cfd5ff;border-radius:20px;background:#fafbff}.upload-zone__label{min-height:190px;padding:26px;display:grid;place-items:center;text-align:center;cursor:pointer;gap:8px}.upload-zone__icon{width:50px;height:50px;border-radius:15px;background:#eef0ff;color:var(--brand);display:grid;place-items:center;font-size:28px}.upload-zone small,.preview-head span,.tool-note{color:var(--muted)}.editor-controls{margin-top:20px;display:grid;gap:15px}.editor-controls label,.settings-card label{display:grid;gap:7px;color:var(--text);font-weight:700}.editor-controls textarea,.editor-controls input[type=range],.editor-controls select{font:inherit}.editor-controls textarea,.editor-controls select,.settings-card select,.settings-card input{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff;color:var(--text)}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.control-grid label{font-size:14px}.control-grid output{color:var(--muted);font-weight:500}.control-actions{display:flex;justify-content:flex-start}.button{border:0;cursor:pointer;font:inherit;font-weight:800}.button--primary{background:var(--brand);color:#fff}.button:disabled{opacity:.45;cursor:not-allowed}.preview-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}.canvas-wrap{min-height:420px;border:1px solid var(--line);border-radius:18px;background:#f8fafc;display:grid;place-items:center;overflow:auto;padding:16px}.canvas-wrap canvas{max-width:100%;height:auto;border-radius:12px}.canvas-wrap--checker{background-image:linear-gradient(45deg,#f0f2f5 25%,transparent 25%),linear-gradient(-45deg,#f0f2f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f2f5 75%),linear-gradient(-45deg,transparent 75%,#f0f2f5 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.tool-note{margin:0;font-size:14px}@media(max-width:850px){.tool-workspace{grid-template-columns:1fr}.canvas-wrap{min-height:300px}}@media(max-width:560px){.control-grid{grid-template-columns:1fr}.site-main{width:min(100% - 24px,1180px);padding-top:34px}.tool-panel,.preview-panel{padding:16px}}