.border-hero{background:var(--silver-canvas);padding:24px 0}.border-hero h1{letter-spacing:-.048em;margin:0 0 16px;font-size:clamp(36px,4vw,58px);font-weight:800;line-height:1.04}.border-hero h1 span{color:var(--silver-violet)}.border-hero p{color:var(--silver-muted);max-width:820px;font-size:17px}.border-body{padding-bottom:32px}.border-workspace{background:var(--silver-canvas);border-radius:8px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:16px;padding:16px;display:grid}.border-panel{border:1px solid var(--silver-line);border-radius:var(--silver-radius);background:#fff;min-width:0;padding:20px}.border-panel h2{margin-bottom:14px;font-size:20px}.border-upload{background:var(--silver-panel);min-height:126px;color:var(--silver-ink);text-align:center;cursor:pointer;border:1px dashed #858ba3;border-radius:5px;place-items:center;gap:4px;padding:16px;font-size:14px;display:grid;position:relative}.border-upload span{color:var(--silver-muted);font-size:13px}.border-upload svg{fill:none;width:28px;height:28px;stroke:var(--silver-violet);stroke-width:1.8px;margin-bottom:4px}.border-upload:focus-within{outline:3px solid var(--silver-violet-text);outline-offset:3px}.border-upload input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.border-panel input{font:inherit;color:var(--silver-ink);max-width:100%}.border-help{color:var(--silver-muted);overflow-wrap:anywhere;margin-top:10px;font-size:13px}.border-panel fieldset{border:0;min-width:0;margin:0;padding:0}.border-settings-title{border-top:1px solid var(--silver-line);margin:18px 0 10px;padding-top:16px;font-size:14px}.border-padding-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.border-frame-grid{border-top:1px solid var(--silver-line);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;margin-top:16px;padding-top:16px;display:grid}.border-field{gap:8px;min-width:0;font-size:13px;font-weight:650;display:grid}.border-field input{background:#fff;border:1px solid #858ba3;border-radius:5px;width:100%;min-width:0;min-height:44px;padding:8px}.border-field input[aria-invalid=true]{border-color:var(--silver-error)}.border-option{cursor:pointer;align-items:flex-start;gap:10px;min-height:44px;font-size:13px;display:flex}.border-option input{width:20px;height:20px;accent-color:var(--silver-violet);flex-shrink:0;margin:2px 0}.border-option small{color:var(--silver-muted);margin-top:4px;font-size:12px;display:block}.border-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.border-actions .button,.border-quiet{white-space:nowrap;flex:auto;min-height:44px;padding:10px 12px;font-size:13px}.border-quiet{color:var(--silver-violet-text);cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;font-family:inherit}.border-quiet:hover:enabled{background:var(--silver-panel)}.border-body button:disabled,.border-body fieldset:disabled label{cursor:not-allowed;opacity:.65}.border-error{color:var(--silver-error);margin-top:12px}.border-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.border-previews figure{min-width:0;margin:0}.border-previews figcaption{margin-bottom:10px;font-size:13px;font-weight:650}.border-preview-frame{border:1px solid var(--silver-line);background:var(--silver-panel);border-radius:5px;place-items:center;min-height:260px;padding:12px;display:grid}.border-preview-frame img{background-color:#fff;background-image:conic-gradient(#e6e7ef 25%, transparent 0 50%, #e6e7ef 0 75%, transparent 0);background-size:16px 16px;width:auto;max-width:100%;height:auto;max-height:340px;display:block}.border-preview-frame p{text-align:center;color:var(--silver-muted);padding:16px;font-size:14px}.border-result{border-top:1px solid var(--silver-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.border-result-meta{flex-wrap:wrap;gap:16px;margin:0;display:flex}.border-result-meta>div+div{border-left:1px solid var(--silver-line);padding-left:16px}.border-result-meta dt{color:var(--silver-muted);font-size:12px}.border-result-meta dd{margin:4px 0 0;font-size:13px}.border-result .button{padding:10px 16px;font-size:13px}.border-callout{background:var(--silver-panel);color:var(--silver-muted);border-radius:5px;margin-top:16px;padding:12px;font-size:13px}.border-guidance{border:1px solid var(--silver-line);background:#fff;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px;margin-top:20px;padding:24px;display:grid}.border-guidance section{min-width:0}.border-guidance h2{margin-bottom:10px;font-size:20px}.border-guidance p,.border-guidance li{color:var(--silver-muted);font-size:15px}.border-guidance p+p,.border-guidance ol{margin-top:12px}.border-guidance ol{padding-left:24px}.border-guidance li+li{margin-top:6px}.border-related ul{color:var(--silver-muted);padding-left:24px}.border-related li{margin-top:12px}.border-related a{color:var(--silver-violet-text);text-decoration:underline}.border-info{margin-top:20px}.border-info h2{margin-bottom:16px;font-size:22px}.border-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px 16px;display:grid}.border-info details{border:1px solid var(--silver-line);border-radius:5px;padding:4px 16px}.border-info summary{cursor:pointer;align-content:center;min-height:44px;font-size:14px;font-weight:650;display:list-item}.border-info details p{color:var(--silver-muted);padding-bottom:12px;font-size:14px}.border-body [hidden]{display:none}@media (width<=900px){.border-workspace,.border-guidance{grid-template-columns:1fr}.border-actions{justify-content:flex-start}.border-actions .button,.border-quiet{flex:0 auto;padding-inline:20px}}@media (width<=700px){.border-workspace{gap:12px;padding:10px}.border-panel{padding:16px}.border-hero h1{font-size:clamp(34px,8.8vw,48px)}.border-padding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.border-frame-grid,.border-previews{grid-template-columns:1fr}.border-preview-frame{min-height:180px}.border-actions .button{flex-basis:100%}.border-quiet{flex:auto;padding-inline:12px}.border-guidance{padding:16px}.border-faq-grid{grid-template-columns:1fr}}