*{box-sizing:border-box}html{color-scheme:light;font-family:Inter,Arial,sans-serif}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5293be;outline-offset:4px}a{color:inherit}[hidden]{display:none!important}.studio-body{background:#f3f0e9;color:#282924}.studio-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:25px 5%;border-bottom:1px solid #d9d5cc}.studio-header a{text-decoration:none}.studio-header strong{letter-spacing:-.7px;font-size:22px}.studio-header small{color:#716b62;font-size:12px}.studio-main{max-width:1200px;margin:auto;padding:64px 28px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2.3px;color:#926744}.studio-main h1{font:500 clamp(38px,6vw,70px)/1.04 Georgia,serif;letter-spacing:-2px;max-width:860px;margin:22px 0}.studio-intro{font-size:18px;line-height:1.7;max-width:720px;color:#716b62}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:44px}.studio-card{padding:30px;border:1px solid #d8d0c5;border-radius:22px;min-width:0;background:#fffcf5}.studio-card.dark{background:#201d19;color:#eee6dc;border-color:#393129}.studio-card h2{font-size:28px;letter-spacing:-1px;margin:14px 0}.studio-card p{font-size:15px;line-height:1.7;color:#817768}.studio-card.dark p{color:#bcb0a1}.studio-card a,.action{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;min-height:44px;border-radius:10px;border:1px solid #b7a28e;text-decoration:none;font-size:14px;background:transparent;color:inherit;cursor:pointer}.action.primary{background:#233f3a;color:#fff;border-color:#233f3a}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:40px 0 15px;color:#827565}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,.form-label{display:grid;gap:8px;font-size:13px;color:#6b6257;min-width:0}.form-grid input,.form-grid select,.form-label input,.form-label select{padding:13px;border-radius:9px;border:1px solid #cfc4b4;min-height:46px;width:100%;min-width:0;background:#fffcf6;color:#242b27;font-size:16px}.review-note{background:#e8ded0;padding:18px;border-radius:14px;font-size:14px;line-height:1.65;margin-top:22px}.muted{font-size:13px;line-height:1.7;color:#766c5f}.code{word-break:break-all;background:#e7ded2;padding:16px;border-radius:10px}.studio-footer{border-top:1px solid #ddd3c5;padding:26px 5%;font-size:12px;color:#7a6e60}.viewport-wrap{background:#d5d1ca;overflow:auto;padding:24px;min-height:600px}.viewport-wrap iframe{display:block;margin:auto;border:0;background:#fff;box-shadow:0 10px 50px #0002;max-width:none}.preview-tools{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.preview-tools select{font-size:14px;max-width:100%;padding:10px;border:1px solid #c8bcab;border-radius:8px}.preview-legend{font-size:12px;line-height:1.7;color:#6c655d}
@media(max-width:640px){.studio-main{padding:36px 20px}.studio-grid,.form-grid{grid-template-columns:1fr}.studio-card{padding:23px}.studio-main h1{letter-spacing:-1px}.studio-header{padding:18px 20px}.viewport-wrap{padding:0}.studio-intro{font-size:16px}}