.mvp-main{max-width:1600px;padding:0 4%;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:36px 0 28px;gap:20px}.intro h1{font-size:34px;letter-spacing:-1px;line-height:1.5;margin:7px 0}.intro p{font-size:13px;color:var(--muted);margin:0}.local-badge{border:1px solid #c4d5cc;background:#f0f6ef;color:#406653;font-size:12px;padding:10px 18px;line-height:1.6;border-radius:5px;white-space:nowrap}.local-badge small{font-size:10px}.mvp-workspace{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(430px,1.4fr);gap:22px;align-items:start}.editor-panel,.preview-panel{border:1px solid var(--line);border-radius:6px;padding:20px;background:white;min-width:0}.panel-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.panel-heading h2{font-size:12px;letter-spacing:1px;margin:0;color:var(--accent);white-space:nowrap}.panel-heading h2 span{font-size:16px;font-weight:650;color:var(--ink);margin-left:8px;letter-spacing:0}.panel-heading>span{font-size:10px;color:var(--muted)}.file-button{position:relative;font-size:11px;border:1px solid var(--line);padding:4px 9px;cursor:pointer;border-radius:3px}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.sample-row{display:flex;gap:9px;align-items:center;margin:16px 0;font-size:11px}.sample-row select{min-width:0;flex:1}.sample-row button{font-size:11px;padding:6px 10px}select{border:1px solid var(--line);background:white;border-radius:3px;padding:6px;font-size:11px;max-width:100%}textarea{width:100%;height:510px;min-height:260px;resize:vertical;display:block;background:#172b32;color:#e7eee9;border:0;border-radius:4px;padding:18px;font:12px/1.8 Consolas,"Yu Gothic",monospace;tab-size:2;outline-offset:4px;overflow:auto;white-space:pre}.editor-actions{display:flex;gap:10px;margin-top:16px}.editor-actions .primary{background:var(--ink);color:white;border-color:var(--ink);font-size:12px}.editor-actions button{font-size:11px}.render-options{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:15px 0 7px;font-size:11px}.render-options label{display:flex;gap:7px;align-items:center}.mask-label{font-weight:600}.privacy-note{font-size:10px;line-height:1.7;color:var(--muted);margin:0 0 13px}.preview-wrap{min-height:390px;max-height:630px;border:1px solid var(--line);background:#eef1ec;border-radius:4px;overflow:auto}.preview-wrap svg{display:block;max-width:100%;height:auto;background:white;min-height:200px}.preview-wrap .actual-size svg{max-width:none}.status{font-size:12px;line-height:1.8;padding:8px 0;margin:0;overflow-wrap:anywhere;min-height:38px}.status.success{color:#376d51}.status.error{color:#b13727}#warnings{font-size:10px;line-height:1.7;color:#89612c;background:#fbf5e9;padding:10px 12px 10px 25px;margin:0 0 12px;max-height:120px;overflow:auto}#warnings:empty{display:none}.export-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.export-row button{font-size:11px;min-width:61px;padding:7px 10px}.export-row button:disabled{opacity:.4;cursor:not-allowed}.export-row label{font-size:10px;display:flex;align-items:center;gap:5px}.export-row .secondary{font-size:10px;background:#f5f6f2}.howto{margin:38px 0 10px;border-top:1px solid var(--line);padding-top:30px}.howto h2{font-size:20px;margin-bottom:20px}.howto>div{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.howto article>b{font-size:11px;color:var(--accent);letter-spacing:1px}.howto article p{font-size:12px;color:var(--muted);line-height:1.9;margin:10px 0}.mvp-main footer{padding:25px 0;line-height:2}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}.input-tabs{display:flex;gap:8px;padding:14px 0}.input-tabs button{font-size:12px;flex:1}.input-tabs button[aria-selected="true"]{background:var(--ink);color:white;border-color:var(--ink)}.chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;margin-bottom:10px}.chat-toolbar label{display:flex;align-items:center;gap:7px}.chat-toolbar button{font-size:10px;padding:4px 9px}#chat-messages{height:290px;overflow:auto;border:1px solid var(--line);border-radius:4px;padding:14px;background:#f6f7f3;overscroll-behavior:contain}.chat-message{max-width:96%;padding:10px 12px;margin-bottom:12px;border-radius:6px;background:white;border:1px solid #e2e7dd}.chat-message.user{margin-left:auto;background:#f8ece5;border-color:#eddbd0}.chat-message>span{font-size:9px;letter-spacing:.5px;color:var(--muted)}.chat-message p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;margin:5px 0 0}#chat-examples{display:flex;gap:5px;flex-wrap:wrap;padding:11px 0}.chat-example{font-size:10px;padding:5px 8px;background:#f5f6f2}#chat-form>label{font-size:11px;font-weight:600}#chat-input{min-height:90px;height:100px;max-height:200px;resize:vertical;background:white;color:var(--ink);border:1px solid #bdccc5;margin-top:6px;font-family:inherit;font-size:12px;line-height:1.8;white-space:pre-wrap;padding:10px}.chat-send-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px}.chat-send-row span{font-size:9px;color:var(--muted)}.chat-send-row button{font-size:12px}.chat-help{font-size:10px;color:var(--muted);margin-top:10px}.chat-help summary{cursor:pointer;color:var(--ink)}.chat-help p{font-size:11px;line-height:1.8;margin:8px 0}#panel-yaml{padding-top:8px}button:disabled{opacity:.5;cursor:wait}
@media(max-width:1100px){.mvp-workspace{grid-template-columns:minmax(300px,.9fr) minmax(350px,1.1fr)}.mvp-main{padding:0 3%}.panel-heading h2 span{font-size:14px}.editor-panel,.preview-panel{padding:15px}.intro h1{font-size:30px}.render-options{gap:9px}.preview-wrap{min-height:360px}}
@media(max-width:850px){.mvp-workspace{grid-template-columns:1fr}.intro{padding:25px 0 20px}.intro h1{font-size:29px}.local-badge{font-size:10px;padding:8px 10px}.mvp-main{padding:0 18px}textarea{height:340px}.preview-wrap{max-height:550px;min-height:250px}.howto>div{grid-template-columns:1fr;gap:10px}.howto h2{font-size:19px}.howto article p{margin:5px 0}.panel-heading>span{font-size:9px}}
@media(max-width:480px){.intro{align-items:flex-start;gap:8px;flex-direction:column}.intro h1{font-size:28px}.intro p{font-size:12px}.local-badge{padding:6px 10px;line-height:1.5}.local-badge br{display:none}.local-badge small{padding-left:8px}.top-actions{gap:10px}.top-actions>a{font-size:10px}.panel-heading h2 span{font-size:14px}.editor-panel,.preview-panel{padding:13px}textarea{font-size:11px;padding:13px}.sample-row{gap:6px}.render-options{font-size:10px;gap:10px}.export-row{gap:6px}.mvp-main footer{font-size:10px}}