:root{font-family:Inter,ui-sans-serif,system-ui;background:#090b12;color:#f5f7ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 20%,#19223b 0,#090b12 42%);min-height:100vh}header{height:68px;border-bottom:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#090b12aa;backdrop-filter:blur(14px)}header b{letter-spacing:2px}header span{color:#9aa7c7}header small{color:#78839e}main{display:grid;grid-template-columns:390px 1fr;min-height:calc(100vh - 68px)}.panel{padding:30px;border-right:1px solid #ffffff16;background:#0d101aaa}h1{font-size:27px;margin:0 0 7px}.lead{color:#929db9;margin:0 0 24px;line-height:1.5}.drop{border:1px dashed #69789e;border-radius:16px;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#ffffff06;transition:.2s}.drop:hover{background:#ffffff0c;border-color:#9eb2e8}.drop input{display:none}.drop span{font-size:12px;color:#78839e;margin-top:5px}.info{display:flex;justify-content:space-between;color:#77829d;font-size:12px;padding:10px 2px 22px}label{display:block;font-size:13px;color:#b9c1d6;margin-bottom:8px}textarea{width:100%;height:112px;resize:vertical;border:1px solid #ffffff1b;border-radius:13px;background:#080b13;color:white;padding:14px;font:inherit;outline:none}textarea:focus{border-color:#8197ff}.examples{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 18px}button{border:1px solid #ffffff18;background:#171b29;color:#dfe5f5;padding:9px 11px;border-radius:10px;cursor:pointer}button:hover{background:#22283a}.primary{width:100%;border:0;background:linear-gradient(135deg,#6c7cff,#995cff);font-weight:700;padding:13px}.controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:9px}.plan{font-size:12px;line-height:1.5;color:#8e99b4;background:#080b13;border-radius:12px;padding:12px;margin-top:12px;min-height:42px}.stage{position:relative;min-height:650px}#viewer{position:absolute;inset:0}.badge{position:absolute;top:20px;left:20px;background:#111624cc;border:1px solid #ffffff15;padding:8px 11px;border-radius:20px;font-size:12px}.hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#65708b;font-size:12px}@media(max-width:800px){main{grid-template-columns:1fr}.panel{border-right:0}.stage{min-height:65vh}}