@import url('./style.css');
:root{--ink:#14263f;--deep:#0a2136;--muted:#63758b;--line:#dce7ee;--sea:#0a987f;--accent:#0b907d;--soft:#edf9f7}
*{box-sizing:border-box}html{background:#eef4f8}body{margin:0;color:var(--ink);background:radial-gradient(circle at 89% -4%,#a4eadd5c,transparent 34%),linear-gradient(145deg,#f2f9fc,#e9eff8);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;min-height:100vh}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}
.studio-head{height:65px;background:#0b2339;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1360px)/2));gap:16px}.studio-head a{color:#fff;text-decoration:none;font-weight:800}.studio-head .right{color:#b6d9e6;font-size:12px;letter-spacing:.08em}
.studio-shell{max-width:1360px;margin:auto;padding:26px 20px 48px}.studio-eyebrow{display:inline-flex;gap:8px;align-items:center;color:#087e74;background:#dff5f0;border:1px solid #b8e6db;border-radius:30px;padding:6px 12px;font-size:11px;letter-spacing:.12em;font-weight:850;text-transform:uppercase}
.studio-title{margin:10px 0 5px;font-weight:900;letter-spacing:-.04em;font-size:clamp(29px,3vw,45px);line-height:1.1;color:#102c40}.studio-title em{font-style:normal;color:#008f80}.studio-lead{margin:0 0 20px;color:#546a7e;font-size:14px;line-height:1.5}
.studio-tabs{display:flex;gap:9px;overflow:auto;padding:4px 2px 14px;scrollbar-width:thin}.studio-tabs button,.studio-tabs a{flex:none;border:1px solid #d4e5e8;color:#355064;background:#ffffffbf;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:750;font-size:13px}.studio-tabs .active{background:#0c7c76;color:white;border-color:#0c7c76;box-shadow:0 5px 12px #005f5b2b}
.studio-grid{display:grid;grid-template-columns:minmax(320px,.86fr) minmax(360px,1.14fr);gap:18px;align-items:start}.studio-card{border:1px solid #dce9ed;background:#fff;box-shadow:0 16px 35px #11344c0c;border-radius:20px;overflow:hidden}.studio-card-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(112deg,#0d726f,#10ab91);padding:16px 19px;color:white;gap:10px}.studio-card-head strong{font-size:17px}.studio-card-head span{font-size:11px;border:1px solid #ffffff60;border-radius:20px;padding:4px 8px}.studio-card-body{padding:20px}.studio-card-body h2{font-size:17px;margin:0 0 14px}.studio-field{display:block;margin-bottom:14px}.studio-field>span,.studio-label{display:block;font-weight:750;font-size:12px;margin-bottom:7px;color:#30475b}.studio-field>input,.studio-field>textarea,.studio-field>select,.studio-control{display:block;width:100%;border-radius:11px;background:#f9fbfd;border:1px solid #d1e0e8;padding:12px;min-height:44px;outline:none;color:#19344a}.studio-field>input:focus,.studio-field>textarea:focus,.studio-field>select:focus,.studio-control:focus{border-color:#0ea78f;box-shadow:0 0 0 3px #0ea78f17}.studio-field small{display:block;color:#738294;font-size:11px;margin-top:5px}.studio-field textarea{resize:vertical;min-height:80px}.studio-row{display:flex;flex-wrap:wrap;gap:10px}.studio-row>.studio-field{flex:1;min-width:145px}.studio-btn{padding:11px 15px;border-radius:11px;font-weight:800;font-size:13px;border:1px solid #cbdee6;background:white;color:#16354e;white-space:normal}.studio-btn.primary{background:linear-gradient(100deg,#087e77,#0ba68d);color:white;border-color:#0a8d81;box-shadow:0 6px 13px #0d897a2d}.studio-btn.danger{color:#a33842}.studio-btn:focus-visible{outline:3px solid #e6a83d}.studio-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.studio-message{padding:10px 12px;border-radius:10px;background:#e9f7f2;color:#116654;font-size:12px;margin:12px 0 0;min-height:38px;line-height:1.5}.studio-message.error{background:#fff2ed;color:#b44f2a}.studio-note{font-size:11px;line-height:1.6;color:#6d7c8a;margin:10px 0 0}
.studio-preview{min-height:440px;padding:22px;background:radial-gradient(circle at 90% 5%,#7ee3cf45,transparent 42%),linear-gradient(165deg,#effbfb,#eaf0f8);display:flex;align-items:center;justify-content:center}.studio-empty{width:100%;border:1px dashed #b4cbd0;border-radius:18px;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#647d8b}.studio-empty strong{color:#254557;font-size:19px}.studio-empty span:first-child{font-size:56px;margin-bottom:12px}.studio-output{width:100%;margin:auto}.studio-output h3{font-size:18px;color:#143851;margin:8px 0}.studio-chips{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.studio-chip{background:#e1f5ef;color:#007c67;font-weight:750;font-size:11px;padding:6px 10px;border-radius:30px}.studio-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.studio-fact{padding:11px;border:1px solid #e0eaf0;background:#fff;border-radius:11px;min-width:0}.studio-fact dt{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#768496}.studio-fact dd{font-size:13px;color:#19354e;font-weight:800;margin:4px 0 0;overflow-wrap:anywhere}.studio-list{display:grid;gap:10px;max-height:580px;overflow:auto}.studio-result{padding:14px;background:white;border:1px solid #dbe8ed;border-radius:13px}.studio-result b{display:block;font-size:14px;color:#19415a}.studio-result p{margin:6px 0;font-size:12px;color:#546678;line-height:1.5}.studio-result .studio-actions{margin-top:7px}.studio-kicker{font-size:10px;font-weight:900;color:#168b79;letter-spacing:.13em}
.studio-drop{border:2px dashed #b3d1d8;border-radius:16px;min-height:145px;background:linear-gradient(135deg,#f6fcfc,#f6f9ff);display:grid;place-items:center;text-align:center;padding:19px;cursor:pointer;transition:.18s}.studio-drop.drag{border-color:#08a995;background:#ddf7ee}.studio-drop input{display:none}.studio-drop strong{display:block;font-size:14px;margin-top:8px;color:#19475b}.studio-drop small{color:#708593;font-size:11px}.studio-drop>span{font-size:36px}
.studio-pill{display:inline-block;padding:5px 9px;border-radius:30px;color:#0c7166;background:#d8f4ed;font-size:11px;font-weight:800}.studio-page{min-height:460px;background:white;border:1px solid #b9cad5;box-shadow:0 15px 24px #223a5519;border-radius:4px;position:relative;overflow:hidden;touch-action:none}
@media(max-width:830px){.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-shell{padding:20px 12px 35px}.studio-head{padding:0 12px;height:55px}.studio-head .right{font-size:10px}.studio-preview{min-height:280px;padding:13px}.studio-card-body{padding:15px}.studio-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.studio-head,.studio-eyebrow,.studio-title,.studio-lead,.studio-tabs,.studio-grid>:first-child,.studio-card-head,.studio-actions,.studio-note,.studio-message,.no-print{display:none!important}body,.studio-preview{background:white!important;padding:0!important}.studio-shell,.studio-grid{display:block;margin:0;padding:0}.studio-card{border:0;box-shadow:none}.studio-preview{display:block!important}.studio-output{width:100%;max-width:none}}