.placeholder-hero{background:var(--silver-canvas);border-bottom:1px solid var(--silver-line);padding:36px 0 28px}.placeholder-hero h1{letter-spacing:-.048em;max-width:840px;margin-bottom:14px;font-size:clamp(36px,4.2vw,56px);font-weight:800;line-height:1.05}.placeholder-hero h1 span{color:var(--silver-violet)}.placeholder-hero p{color:var(--silver-muted);font-size:18px}.placeholder-body{padding-top:32px;padding-bottom:32px}.placeholder-main{background:var(--silver-canvas)}.placeholder-workspace{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);align-items:start;gap:24px;display:grid}.placeholder-panel{border:1px solid var(--silver-line);background:#fff;border-radius:8px;min-width:0;padding:28px}.placeholder-panel h2{margin-bottom:20px;font-size:24px}.placeholder-panel fieldset{border:0;min-width:0;margin:0;padding:0}.placeholder-panel label,.placeholder-panel legend{font-size:14px;font-weight:650;display:block}.placeholder-panel legend{margin-bottom:8px}.placeholder-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.placeholder-panel input:not([type=checkbox]):not([data-color-picker]):not([data-color-hex]),.placeholder-panel select,.placeholder-panel textarea{font:inherit;color:var(--silver-ink);background:#fff;border:1px solid #858ba3;border-radius:5px;width:100%;min-height:44px;padding:10px}.placeholder-panel label>input,.placeholder-panel label>select,.placeholder-panel textarea{margin-top:8px;display:block}.placeholder-panel textarea{resize:vertical}.placeholder-panel .placeholder-checkbox{align-items:center;gap:10px;min-height:44px;margin:12px 0 20px;display:flex}.placeholder-panel .placeholder-checkbox input{width:20px;height:20px;min-height:20px;accent-color:var(--silver-violet);flex:0 0 20px;margin:0}.placeholder-presets,.placeholder-actions{flex-wrap:wrap;gap:10px;display:flex}.placeholder-presets{margin-top:12px;margin-bottom:24px}.placeholder-presets button{border:1px solid var(--silver-line);background:var(--silver-panel);min-height:44px;color:var(--silver-violet-text);border-radius:5px;flex:1;padding:8px;font-size:14px}.placeholder-presets button:hover:enabled{background:#eae5ff}.placeholder-quiet{min-height:44px;color:var(--silver-violet-text);background:#fff;border:1px solid #858ba3;border-radius:100px;padding:10px 18px}.placeholder-quiet:hover:enabled{background:var(--silver-panel)}.placeholder-actions{margin-top:24px}.placeholder-spacing{margin-top:20px}.placeholder-help{color:var(--silver-muted);overflow-wrap:anywhere;margin-top:12px;font-size:14px}.placeholder-error{color:var(--silver-error);margin-top:12px}.placeholder-warning{color:var(--silver-ink);background:var(--silver-panel);border-left:3px solid var(--silver-violet);margin-top:16px;padding:14px}.placeholder-panel [aria-invalid=true]{border-color:var(--silver-error)}.placeholder-panel fieldset:disabled{opacity:.65}.placeholder-panel input:disabled,.placeholder-panel select:disabled,.placeholder-panel textarea:disabled{cursor:not-allowed}.placeholder-preview{border:1px solid var(--silver-line);background-color:var(--silver-panel);background-image:conic-gradient(#e6e7ef 25%, transparent 0 50%, #e6e7ef 0 75%, transparent 0);background-size:20px 20px;border-radius:5px;place-items:center;min-height:340px;display:grid;overflow:hidden}.placeholder-preview img{object-fit:contain;background-color:var(--silver-panel);background-image:conic-gradient(#e6e7ef 25%, transparent 0 50%, #e6e7ef 0 75%, transparent 0);background-size:20px 20px;max-width:100%;max-height:560px;display:block}.placeholder-preview:has(img:not([hidden])){background:0 0;width:fit-content;max-width:100%;min-height:0;margin-inline:auto}#placeholder-empty{color:var(--silver-muted);text-align:center;background:var(--silver-panel);padding:24px}#placeholder-download{margin-top:24px}.placeholder-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;display:grid}.placeholder-info p,.placeholder-info li{color:var(--silver-muted);margin-top:12px}.placeholder-info ol{margin-bottom:0;padding-left:20px}.placeholder-info h2{font-size:22px}.placeholder-faq{margin-top:28px}.placeholder-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.placeholder-info details{border:1px solid var(--silver-line);border-radius:5px;padding:8px 16px}.placeholder-info summary{cursor:pointer;align-content:center;min-height:44px;font-weight:650}.placeholder-info a{color:var(--silver-violet-text);text-decoration:underline}@media (width<=1000px){.placeholder-workspace,.placeholder-info-grid{grid-template-columns:1fr}}@media (width<=600px){.placeholder-panel{padding:23px}.placeholder-colors,.placeholder-spacing,.placeholder-faq-grid{grid-template-columns:1fr}.placeholder-preview{min-height:240px}}