*{box-sizing:border-box}body{margin:0;background:#edf1ed;color:#243b35;font:14px/1.5 system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:38px;border:1px solid #ced9d0;border-radius:6px;background:white;color:#243b35;padding:8px 12px}button:hover{background:#e7eee7}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true]{background:#e0e9df;border-color:#839b88}.primary{background:#294e3d;color:white;border-color:#294e3d}.primary:hover{background:#3e644e}:is(button,input,select,textarea,a,summary):focus-visible{outline:3px solid #668872;outline-offset:3px}.top{padding:16px 28px;border-bottom:1px solid #d8e1d7;background:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{font-size:22px;letter-spacing:-1px;font-weight:750;color:inherit;text-decoration:none}.brand span{font-size:9px;letter-spacing:2px;margin-left:15px;font-weight:600}.top-actions{display:flex;gap:8px}.intro{padding:30px;display:flex;gap:20px;align-items:flex-end;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#617d69;margin:0 0 9px}h1{font-size:36px;line-height:1.2;letter-spacing:-1.3px;margin:0 0 8px}.intro p:not(.eyebrow),.delivery p{color:#65786b;margin:0}.local{font-size:11px;white-space:nowrap}.studio{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;margin:0 28px}.editor{background:#fbfcf9;border:1px solid #d6e0d4;border-radius:12px;padding:20px;min-width:0}.editor-top{display:flex;justify-content:space-between;align-items:center}.editor-top button{min-width:38px;font-size:18px;padding:3px}.editor h2{font-size:15px;margin:0}.editor details{border-bottom:1px solid #dbe3d8;padding:16px 0}.editor summary{font-size:12px;font-weight:700;cursor:pointer;margin-bottom:13px}.editor label{display:block;font-size:11px;font-weight:650;margin:12px 0}.editor input:not([type=checkbox]),.editor select,.editor textarea{width:100%;display:block;padding:8px;border:1px solid #d3ded1;border-radius:5px;background:#fff;color:#243b35;margin-top:5px;font-size:12px;min-width:0}.editor input[type=color]{height:36px;padding:3px}.editor .check{display:flex;gap:8px;align-items:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.grid label{margin-bottom:0}.hint{font-size:11px;color:#64776b;line-height:1.6}.mini-actions{display:flex;gap:5px;flex-wrap:wrap}.mini-actions button{font-size:11px;min-height:32px;padding:5px 9px}.editor fieldset{margin:14px 0;padding:12px;border:1px solid #d6e0d4;border-radius:7px}.editor legend{font-size:10px;font-weight:700}.editor fieldset button{font-size:11px}.apply{width:100%;margin:18px 0}.editor>#sample,.editor>#recover{font-size:11px;width:100%;margin-top:8px}.preview-panel{min-width:0}.preview-bar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 18px;background:#fff;border:1px solid #d6e0d4;border-radius:12px 12px 0 0;font-size:10px;letter-spacing:1px;font-weight:700}.preview-bar button{min-height:32px;padding:5px 10px;font-size:11px;letter-spacing:0}.live-dot{width:6px;height:6px;border-radius:50%;background:#638b67;display:inline-block;margin-right:6px}.preview-shell{background:repeating-linear-gradient(45deg,#e5ebe2,#e5ebe2 1px,#edf1e9 1px,#edf1e9 10px);padding:22px;border:1px solid #d6e0d4;border-top:0;overflow:auto;display:flex;justify-content:center;align-items:flex-start}iframe{border:0;width:100%;height:1080px;background:white;border-radius:12px;max-width:100%;display:block}iframe.narrow{width:390px;flex:none;height:1900px}.delivery{margin-top:22px;padding:26px;border:1px solid #d6e0d4;border-radius:12px;background:#fafbf7;display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;align-items:center}.delivery h2{font-size:23px;margin:0 0 6px}.delivery p{font-size:12px}.delivery button{font-size:12px}.code-label{width:100%;display:block;font-size:11px;font-weight:600}.code-label textarea{width:100%;resize:vertical;display:block;background:#223a31;color:#ddeade;border:0;border-radius:8px;margin-top:10px;padding:16px;font:11px/1.6 ui-monospace,monospace;white-space:pre}footer{padding:15px 28px;display:flex;justify-content:space-between;gap:14px;font-size:11px;color:#64776b}footer p{margin:0}.error{color:#ab332b!important}[hidden]{display:none!important}@media(min-width:1500px){.studio,.intro,.top,footer{max-width:1800px;margin-left:auto;margin-right:auto}}@media(max-width:1050px){.studio{grid-template-columns:280px minmax(0,1fr);gap:12px;margin:0 14px}.preview-shell{padding:10px}.local{display:none}.intro{padding:25px 18px}.editor{padding:16px}.brand span{display:none}}@media(max-width:700px){.top{flex-direction:column;align-items:flex-start;padding:14px}.top-actions{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;gap:5px}.top-actions button{font-size:11px;min-height:44px;padding:8px 5px}h1{font-size:30px}.intro{padding:24px 16px}.studio{display:flex;flex-direction:column;margin:0 10px}.editor{order:1}.preview-panel{order:2}.preview-shell{padding:8px}.preview-bar{padding:10px}.delivery{padding:20px}.editor input:not([type=checkbox]),.editor textarea,.editor select{font-size:16px}.editor details:first-of-type{padding-top:14px}.editor details{padding:12px 0}iframe{height:2050px}iframe.narrow{max-width:100%;width:390px}footer{padding:14px;flex-wrap:wrap}.delivery p{max-width:100%}}