:root{color-scheme:dark;--bg:#020a12;--panel:#071522;--panel2:#0b1d2d;--line:#24445e;--line2:#335d7d;--blue:#32b8ff;--cyan:#72d6ff;--text:#f4fbff;--muted:#94acbc;--green:#56dfb1;--warn:#f0be68;--red:#ff6f79}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,#0c3152 0,transparent 30%),radial-gradient(circle at 100% 0,#071f35 0,transparent 24%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.studio-skip{position:fixed;top:10px;left:10px;z-index:9999;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:#fff;color:#00101a;font-weight:900}.studio-skip:focus{transform:none}.studio-top{position:sticky;top:0;z-index:30;min-height:80px;display:flex;align-items:center;gap:24px;padding:10px max(20px,calc((100vw - 1480px)/2));border-bottom:1px solid #17354c;background:rgba(2,10,18,.9);backdrop-filter:blur(18px)}.studio-brand{display:block;width:240px}.studio-brand img{display:block;width:100%;height:auto}.studio-top nav{margin-left:auto;display:flex;align-items:center;gap:18px}.studio-top a{color:#c9dce8;text-decoration:none;font-weight:800;font-size:13px}.studio-nav-cta{padding:11px 14px;border:1px solid #3199da;border-radius:12px;background:linear-gradient(135deg,#0b72bd,#169be9);color:#fff!important}.studio-page{width:min(1480px,calc(100% - 32px));margin:auto;padding:46px 0 70px}.studio-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px;align-items:end}.studio-hero>div>span,.studio-section-head>span{display:block;color:#61caff;font-size:11px;font-weight:950;letter-spacing:.15em}.studio-hero h1{max-width:1050px;margin:12px 0 18px;font-size:clamp(42px,6vw,78px);line-height:1.01;letter-spacing:-.05em}.studio-hero h1 em{font-style:normal;background:linear-gradient(90deg,#3ab8ff,#b7ebff);background-clip:text;color:transparent}.studio-hero p{max-width:930px;margin:0;color:#a9c0ce;font-size:17px;line-height:1.75}.studio-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.studio-tags span{padding:8px 10px;border:1px solid #2a4e66;border-radius:999px;background:#081726;color:#b8d0de;font-size:10px;font-weight:850}.studio-warning{margin-top:14px;display:inline-block;padding:11px 13px;border:1px solid rgba(240,190,104,.35);border-radius:12px;background:rgba(69,47,15,.22);color:#d8c8a8;font-size:11px}.studio-warning strong{color:#ffd17d}.studio-hero-meter{padding:22px;border:1px solid #2c5775;border-radius:22px;background:linear-gradient(160deg,#0a2235,#06131e);box-shadow:0 24px 60px rgba(0,0,0,.28)}.studio-hero-meter span{color:#72d3ff;font-size:9px;font-weight:950;letter-spacing:.13em}.studio-hero-meter strong{display:block;margin-top:8px;font-size:34px}.studio-hero-meter>div{height:8px;margin:11px 0;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.studio-hero-meter i{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#1f9de6,#75d7ff);transition:.25s}.studio-hero-meter small{color:#8ca6b8;line-height:1.5}.studio-shell{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;margin-top:34px}.studio-steps{position:sticky;top:98px;height:max-content;display:grid;gap:8px}.studio-steps button{display:grid;grid-template-columns:38px 1fr;gap:9px;text-align:left;align-items:center;padding:12px;border:1px solid #24445d;border-radius:15px;background:#071521;color:#d7e7f0;cursor:pointer}.studio-steps button b{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#0a263b;color:#67cbff}.studio-steps button span{font-weight:900;font-size:12px}.studio-steps button small{color:#7895a8;font-size:9px}.studio-steps button.is-active{border-color:#4abdf6;background:linear-gradient(135deg,#0b2e48,#071a29);box-shadow:0 0 0 3px rgba(65,183,242,.09)}.studio-workspace{min-width:0}.studio-step{padding:24px;border:1px solid #24445e;border-radius:26px;background:linear-gradient(155deg,rgba(10,28,43,.98),rgba(4,14,23,.98));box-shadow:0 28px 70px rgba(0,0,0,.25)}.studio-section-head{margin-bottom:22px}.studio-section-head h2{margin:8px 0 8px;font-size:clamp(28px,4vw,44px);letter-spacing:-.035em}.studio-section-head p{margin:0;color:#93abba;line-height:1.7}.studio-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.studio-form-grid label,.studio-toolbox label{display:grid;gap:7px}.studio-form-grid span,.studio-toolbox label>span{color:#d8e8f1;font-size:11px;font-weight:850}.studio-form-grid input,.studio-form-grid select,.studio-toolbox select{min-height:48px;width:100%;border:1px solid #33546c;border-radius:13px;background:#061521;color:#eef9ff;padding:0 13px;font:inherit}.studio-input-unit{display:grid;grid-template-columns:1fr 42px;border:1px solid #33546c;border-radius:13px;overflow:hidden;background:#061521}.studio-input-unit input{border:0!important;border-radius:0!important}.studio-input-unit b{display:grid;place-items:center;color:#7eb8d8;border-left:1px solid #28475d}.studio-presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px}.studio-presets>span{color:#83a1b4;font-size:10px;font-weight:900}.studio-presets button,.studio-toolbox button,.studio-nav button,.studio-report-actions button,.studio-report-actions a{min-height:44px;padding:0 14px;border:1px solid #355c76;border-radius:12px;background:#081b2a;color:#e8f5fc;font-weight:850;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.studio-toolbox button.is-active,.studio-nav .primary,.studio-report-actions .primary{border-color:#4dc9ff;background:linear-gradient(135deg,#0b7bc5,#16a2ed);color:#fff}.studio-toolbox .ghost{background:#06131e;color:#9fb6c5}.studio-editor-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px}.studio-toolbox{display:grid;align-content:start;gap:10px;padding:15px;border:1px solid #2b4d64;border-radius:20px;background:#06131e}.studio-toolbox hr{width:100%;border:0;border-top:1px solid #203c51}.studio-check{display:flex!important;align-items:center;gap:8px;color:#a9bfcd;font-size:11px}.studio-check input{accent-color:#42c5ff}.studio-stat,.studio-score{padding:12px;border:1px solid #26475d;border-radius:14px;background:#081b29}.studio-stat small,.studio-score small{display:block;color:#7d9aad;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.studio-stat strong,.studio-score strong{display:block;margin-top:4px;font-size:20px}.studio-score>div{height:7px;margin:8px 0;border-radius:999px;background:#102737;overflow:hidden}.studio-score i{display:block;width:0;height:100%;background:linear-gradient(90deg,#239fdf,#62d0ff)}.studio-score p{margin:0;color:#8da6b6;font-size:10px;line-height:1.55}.studio-canvas-card{position:relative;min-width:0;overflow:hidden;border:1px solid #31536c;border-radius:20px;background:#030a10;box-shadow:inset 0 0 40px rgba(0,0,0,.25)}.studio-canvas-card canvas{display:block;width:100%;height:auto;aspect-ratio:1000/650;touch-action:none;cursor:crosshair}.studio-canvas-tip{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);padding:7px 10px;border:1px solid #355873;border-radius:999px;background:rgba(2,11,18,.82);color:#8fa8ba;font-size:9px;pointer-events:none}.studio-rack{margin-top:14px;padding:15px;border:1px solid #2e5067;border-radius:18px;background:#050f17}.studio-rack-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.studio-rack-head strong{font-size:11px;color:#6dccff;letter-spacing:.1em}.studio-rack-head span{color:#89a5b8;font-size:10px}.studio-rack-unit{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #243f52;background:#091925}.studio-rack-unit+.studio-rack-unit{border-top:0}.studio-rack-unit strong{font-size:11px}.studio-rack-unit span{color:#8ea8b8;font-size:10px}.studio-summary-top{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.studio-summary-top article{padding:15px;border:1px solid #2c4f66;border-radius:16px;background:#071724}.studio-summary-top small{display:block;color:#7d9bae;font-size:9px;text-transform:uppercase}.studio-summary-top strong{display:block;margin-top:5px;font-size:18px}.studio-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.studio-report-grid section{padding:18px;border:1px solid #294b62;border-radius:18px;background:#071724}.studio-report-grid h3{margin:0 0 12px;color:#67caff;font-size:13px}.studio-report-grid ul,.studio-report-grid ol{margin:0;padding-left:20px;color:#b6cad7;line-height:1.65}.studio-report-grid p{color:#b6cad7;line-height:1.7}.studio-report-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.studio-status{color:#8fd4fa;font-size:11px}.studio-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.studio-nav span{color:#819cad;font-size:10px}.studio-nav button:disabled{opacity:.4;cursor:not-allowed}.studio-footer{text-align:center;padding:28px;color:#718b9d;border-top:1px solid #18334a}.studio-toast{position:fixed;left:50%;bottom:22px;z-index:1000;transform:translate(-50%,20px);opacity:0;padding:11px 15px;border:1px solid #3180b3;border-radius:12px;background:#061927;color:#e9f7ff;transition:.2s}.studio-toast.is-show{transform:translate(-50%,0);opacity:1}@media(max-width:1100px){.studio-shell{grid-template-columns:1fr}.studio-steps{position:static;grid-template-columns:repeat(6,1fr)}.studio-steps button{grid-template-columns:1fr;text-align:center}.studio-steps button b{grid-row:auto;margin:auto}.studio-steps button small{display:none}.studio-form-grid{grid-template-columns:1fr 1fr}.studio-summary-top{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.studio-top nav a:not(.studio-nav-cta){display:none}.studio-brand{width:190px}.studio-page{padding-top:28px}.studio-hero{grid-template-columns:1fr}.studio-hero-meter{display:none}.studio-hero h1{font-size:44px}.studio-editor-layout{grid-template-columns:1fr}.studio-toolbox{grid-template-columns:1fr 1fr}.studio-toolbox label,.studio-score{grid-column:1/-1}.studio-report-grid,.studio-form-grid{grid-template-columns:1fr}.studio-summary-top{grid-template-columns:1fr 1fr}.studio-steps{overflow:auto;grid-template-columns:repeat(6,110px);padding-bottom:5px}.studio-step{padding:16px}}@media(max-width:520px){.studio-page{width:calc(100% - 18px)}.studio-hero h1{font-size:36px}.studio-tags span{font-size:9px}.studio-toolbox{grid-template-columns:1fr}.studio-toolbox label,.studio-score{grid-column:auto}.studio-summary-top{grid-template-columns:1fr 1fr}.studio-report-actions{display:grid}.studio-report-actions>*{width:100%}.studio-nav button{min-width:92px}.studio-canvas-tip{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}