:root{--ink:#101323;--muted:#586073;--faint:#8a90a0;--bg:#fbfaf7;--card:#fff;--line:#e8e7e4;--accent:#ef765d;--accent-strong:#d8553e;--dark:#101323;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #fa9f7e;outline-offset:3px}.container{width:min(1100px,calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;z-index:200;left:-100vw;top:0;background:#fff;padding:12px}.skip-link:focus{left:12px}.site-header{background:var(--bg);border-bottom:1px solid #eae9e4}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}.brand{font-size:24px;letter-spacing:-1.1px;font-weight:850;text-decoration:none;white-space:nowrap}.brand-icon{display:inline-grid;place-items:center;border-radius:11px;width:35px;height:35px;margin-right:7px;background:var(--dark);color:#ff947b;font-size:24px}.site-header nav,.site-footer nav{display:flex;flex-wrap:wrap;gap:26px}.site-header nav a,.site-footer a{font-size:14px;color:#41475a;text-decoration:none;font-weight:650}.site-header nav a:hover,.site-footer a:hover,.text-link:hover{color:var(--accent-strong)}.hero{background:#f6f2ec;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:#f9e6db;right:-210px;top:-190px;opacity:.7}.hero-grid{min-height:516px;display:grid;grid-template-columns:1.18fr .82fr;gap:35px;align-items:center;padding-block:68px;position:relative}.eyebrow,.kicker{font-size:12px;font-weight:850;letter-spacing:1.75px;color:#bd5948}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;background:#fff5ed;border:1px solid #f6ddd0;border-radius:100px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(42px,5.2vw,70px);font-weight:850;letter-spacing:-3.5px;line-height:1.08;max-width:650px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--accent-strong)}.lead{font-size:17px;max-width:550px;line-height:1.85;color:var(--muted)}.hero-actions,.action-row{display:flex;align-items:center;flex-wrap:wrap;gap:13px}.hero-actions{margin-top:28px}.btn{display:inline-flex;gap:12px;justify-content:center;align-items:center;padding:12px 22px;border:1px solid transparent;border-radius:12px;font-weight:750;font-size:14px;text-decoration:none;min-height:46px;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#fff;background:var(--dark)}.btn.primary:hover{background:#303450}.btn.ghost,.btn.secondary{background:#fff;border-color:#e1e1df;color:var(--ink)}.btn.ghost:hover,.btn.secondary:hover{background:#f3f1ee}.trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px;font-size:12px;color:#5c645e;font-weight:700}.hero-art{position:relative;height:440px;display:flex;align-items:center;justify-content:center}.art-phone{width:242px;height:414px;border:9px solid #111522;border-radius:38px;background:white;transform:rotate(7deg);box-shadow:25px 28px 60px #28202e28}.phone-top{display:flex;justify-content:space-between;padding:11px 16px;font-size:11px;font-weight:800}.phone-video{background:linear-gradient(145deg,#252938,#4e4651 60%,#c28e79);margin:0 10px;height:268px;border-radius:15px;display:grid;place-items:center;position:relative}.art-play{width:62px;height:62px;display:grid;place-items:center;border:1px solid #ffffff91;border-radius:50%;font-size:23px;color:#fff;backdrop-filter:blur(6px)}.art-spark{position:absolute;right:17px;top:12px;color:#ffa28a;font-size:38px}.phone-bottom{padding:14px 17px}.art-line{display:block;height:7px;width:90%;background:#dedee5;border-radius:10px;margin-bottom:9px}.art-line.short{width:61%}.art-tags{display:flex;gap:8px;font-size:10px;color:#ba6455}.art-chip{position:absolute;background:#fff;border:1px solid #eee3df;box-shadow:0 12px 32px #2a243018;border-radius:13px;padding:12px 16px;font-size:13px;font-weight:800;z-index:2}.art-chip-top{top:52px;left:12px;transform:rotate(-8deg)}.art-chip-bottom{bottom:43px;right:3px;transform:rotate(6deg)}.tools-section{padding-block:74px 84px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-1.8px;line-height:1.15;margin:8px 0}.section-heading p{margin:0;color:var(--muted)}.section-heading .kicker{margin:0}.feature-count{white-space:nowrap;background:#fff2e9;border:1px solid #f5ddd0;padding:7px 13px;border-radius:100px;font-size:12px;font-weight:800;color:#ba5947}.tool-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:21px}.tab{border:1px solid #e7e5e1;border-radius:10px;background:#fff;color:#4f5360;font-weight:750;padding:11px 14px;font-size:13px;min-height:43px}.tab:hover{background:#f3f0eb}.tab.active,.tab[aria-selected=true]{background:#111323;color:#fff;border-color:#111323}.workbench{border:1px solid #e8e5e2;border-radius:24px;background:var(--card);box-shadow:0 18px 50px #20223d08;padding:32px;min-height:370px}.panel[hidden],.result[hidden]{display:none}.panel-head{margin-bottom:24px}.panel-head h3{font-size:23px;letter-spacing:-.8px;margin-bottom:4px}.panel-head p{color:var(--muted);font-size:14px;margin:0}.field{margin-bottom:18px;display:flex;flex-direction:column;gap:8px}.field label{font-weight:750;font-size:13px}.field input:not([type=file]),.field textarea,.field select{border-radius:12px;background:#fdfdfd;border:1px solid #d8dbe2;padding:13px 15px;color:var(--ink);width:100%;resize:vertical;min-height:47px}.field input[type=file]{border:1px dashed #cfd1d9;border-radius:13px;width:100%;padding:20px;background:#fcfcfc;max-width:100%}.field input::placeholder,.field textarea::placeholder{color:#999ead}.action-row{margin-top:10px}.counter{font-size:13px;color:#62697b}.result{margin-top:24px;background:#f8f8f7;border:1px solid #e9e9e9;border-radius:14px;padding:18px}.result-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px;font-weight:800;margin-bottom:12px}.text-button{border:0;background:transparent;color:var(--accent-strong);font-weight:800;padding:6px}.output{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font:inherit;color:#33374c;font-size:14px;line-height:1.7;margin:0}.cover-preview{max-width:100%;max-height:350px;object-fit:contain;border-radius:12px;display:block;margin-bottom:14px}.checklist{display:grid;gap:14px}.checklist label{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #e9e9e9;border-radius:10px;font-size:14px}.checklist input{accent-color:#161827;width:18px;height:18px;flex-shrink:0;margin:3px}.numbered{padding-left:24px;line-height:2;color:#4c5061}.notice{border:1px solid #e9d9bc;background:#fff8e9;padding:14px 16px;border-radius:12px;color:#755b3d;font-size:13px;margin:18px 0}.text-link{font-size:14px;color:var(--accent-strong);font-weight:800}.info-strip{background:#121624;color:#fff;padding:60px 0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.info-icon{font-size:28px}.info-grid h3{font-size:18px;margin:12px 0 5px}.info-grid p{font-size:14px;color:#c0c4d0;line-height:1.8}.site-footer{padding:28px 0;background:#f5f4f1}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:15px 27px;justify-content:space-between}.footer-inner p{font-size:13px;color:#626778;margin:0}.footer-inner small{font-size:12px;color:#83858b}.content-page{max-width:780px;padding-block:76px 100px;min-height:65vh}.content-page h1{font-size:clamp(33px,4vw,52px);letter-spacing:-2px;line-height:1.15}.content-page p,.content-page li{font-size:16px;color:#495064;line-height:1.9}.content-page .btn{margin-top:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.hero-grid{grid-template-columns:1fr;padding-block:50px}.hero-art{display:none}.hero h1{max-width:690px}.info-grid{gap:20px}}@media(max-width:600px){.container{width:min(100% - 28px,1100px)}.header-inner{min-height:67px}.brand{font-size:21px}.brand-icon{width:30px;height:30px;font-size:21px;margin-right:3px}.site-header nav{gap:12px}.site-header nav a{font-size:12px}.hero-grid{padding-block:46px}.hero h1{font-size:clamp(37px,9.2vw,51px);letter-spacing:-2px}.lead{font-size:15px}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.trust{gap:9px 18px;font-size:11px}.tools-section{padding-block:49px}.section-heading{align-items:start}.feature-count{display:none}.tool-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;margin-left:-14px;margin-right:-14px;padding:0 14px 10px}.tab{white-space:nowrap;flex-shrink:0}.workbench{padding:21px 16px;border-radius:16px}.panel-head h3{font-size:21px}.info-grid{grid-template-columns:1fr;gap:12px}.info-strip{padding-block:32px}.footer-inner{align-items:flex-start;flex-direction:column}.content-page{padding-block:45px 65px}.result{padding:13px}}
.studio-page{max-width:1100px}.studio-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}.studio-cards .workbench{padding:24px;min-height:0}.studio-cards h2{font-size:23px;letter-spacing:-.7px}.studio-cards p{color:var(--muted)}.studio-result,.api-example{display:block;padding:15px 18px;background:#f6f5f3;border:1px solid #e5e3e0;border-radius:12px;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto}.api-example{background:#151928;color:#fff}.studio-result:empty{display:none}.saved-sets{display:grid;gap:10px;margin-top:15px}.saved-set{display:flex;gap:10px;align-items:start;justify-content:space-between;padding:12px;border:1px solid #e9e9e9;border-radius:12px}.saved-set p{font-size:12px;margin:4px 0 0;overflow-wrap:anywhere}.saved-set .btn{padding:6px 10px;min-height:38px;font-size:12px}.saved-set>div:last-child{display:flex;gap:6px;flex-shrink:0}@media(max-width:780px){.studio-cards{grid-template-columns:1fr}}@media(max-width:600px){.studio-cards .workbench{padding:18px}.site-header nav{gap:10px}.site-header nav a{font-size:11px}.studio-page h1{font-size:34px}.saved-set{flex-direction:column;align-items:stretch}.saved-set>div:last-child{justify-content:start}}