:root{font-family:Inter,Arial,sans-serif;color:#0b1729;background:#edf3f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}.studio-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem max(1rem,calc((100vw - 1480px)/2));background:#071521;color:#eaf9ff;box-shadow:0 8px 28px #07152122}.studio-header img{display:block;max-width:180px;height:auto}.studio-header nav{display:flex;gap:1.2rem;font-size:.9rem;font-weight:700}.studio-header a{text-decoration:none}.studio-header a:hover,.studio-header a:focus-visible{text-decoration:underline}main{max-width:1480px;margin:auto;padding:2rem 1rem 3rem}.studio-intro{max-width:860px}.eyebrow{color:#d52b3e;font-size:.76rem;font-weight:900;letter-spacing:.18em}.studio-intro h1{font-size:clamp(2.1rem,4vw,3.7rem);letter-spacing:-.05em;margin:.3rem 0}.studio-intro p:last-child{line-height:1.6;color:#506176}.studio-layout{display:grid;grid-template-columns:minmax(310px,450px) minmax(0,1fr);gap:1.4rem;align-items:start;margin-top:2rem}.studio-panel,.studio-preview{background:white;border:1px solid #d6e1eb;border-radius:20px;box-shadow:0 15px 45px #1028400d}.studio-panel{padding:1.5rem}.studio-panel h2{margin:0 0 1rem}.studio-panel label{display:block;font-size:.88rem;font-weight:750;color:#24384e;margin:0 0 1rem}.studio-panel label small{display:block;font-weight:400;margin:.25rem 0;color:#61738a}.studio-panel input,.studio-panel textarea,.studio-panel select{display:block;width:100%;padding:.85rem;border:1px solid #c5d4e2;border-radius:10px;margin-top:.45rem;background:#f8fbfe;color:#12263d;font:inherit}.studio-panel textarea{resize:vertical}.studio-panel input[type=color]{height:50px;padding:.25rem;cursor:pointer}.studio-two{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.studio-button{border:0;border-radius:11px;background:#e83346;color:white;font:inherit;font-weight:800;padding:1rem 1.2rem;cursor:pointer;box-shadow:0 10px 25px #e8334633}.studio-button:hover,.studio-button:focus-visible{background:#c92137}.studio-hint{font-size:.79rem;line-height:1.55;color:#607289}.studio-preview{overflow:hidden;position:sticky;top:1rem}.preview-toolbar{display:flex;justify-content:space-between;gap:1rem;background:#0d2136;color:#ddecfa;padding:.8rem 1rem;font-size:.82rem}.preview-toolbar span{color:#95acc0}.studio-preview iframe{display:block;width:100%;height:min(78vh,900px);border:0;background:white}footer{padding:1.5rem;text-align:center;background:#071521;color:#a8bbcb;font-size:.85rem}footer a{color:#e9f7ff}@media(max-width:930px){.studio-layout{grid-template-columns:1fr}.studio-preview{position:static}.studio-preview iframe{height:650px}}@media(max-width:560px){.studio-two{grid-template-columns:1fr}.studio-header nav{font-size:.75rem;gap:.6rem}.studio-header img{width:120px}}