*{box-sizing:border-box}.export-head{padding:24px 32px 14px;max-width:1440px;margin:auto}.export-head h1{margin:0 0 7px;letter-spacing:-1px;font-size:30px}.export-head p{color:var(--muted);margin:6px 0;line-height:1.5}.export-toolbar{padding:16px 32px;max-width:1440px;margin:auto;display:flex;align-items:end;gap:12px;flex-wrap:wrap}.export-toolbar label{display:grid;gap:6px;font-size:12px;font-weight:600}.export-toolbar input,.export-toolbar select,.export-toolbar button{min-height:40px;padding:8px 10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px}.export-toolbar input[type=color]{width:64px;padding:3px}.export-toolbar .screen-picker{flex:1;min-width:200px;max-width:460px}.export-toolbar button{cursor:pointer}.export-toolbar .export-primary{background:var(--export-accent);color:var(--accent-ink);border-color:var(--export-accent)}.export-frame-area{margin:8px auto 32px;max-width:1440px;padding:0 24px}.export-frame-wrap{margin:auto;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 16px 48px #00000012}.export-frame-wrap.mobile{max-width:390px}.export-frame-wrap iframe{display:block;width:100%;height:850px;border:0;background:var(--surface)}.export-caption{font-size:12px;color:var(--muted);text-align:center;margin:12px}.export-message{min-height:1.5em;color:var(--muted);font-size:12px}.export-home{color:var(--export-violet)}@media(max-width:560px){.export-head,.export-toolbar{padding-left:16px;padding-right:16px}.export-frame-area{padding:0 8px}.export-toolbar .screen-picker{max-width:100%;flex-basis:100%}.export-toolbar input,.export-toolbar select{font-size:16px}.export-head h1{font-size:25px}}