.roit-app{--p:#6d35d4;--p2:#a43be7;--ink:#182033;--muted:#697386;--line:#e7eaf1;--bg:#f5f7fb;background:var(--bg);border-radius:20px;overflow:hidden;box-shadow:0 18px 55px rgba(35,22,75,.12);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);max-width:1280px;margin:25px auto;box-sizing:border-box}.roit-app *{box-sizing:border-box}.roit-header{background:linear-gradient(120deg,#5120a7,#7a31d4 55%,#b33ce8);padding:26px 30px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.roit-brand{display:flex;align-items:center;gap:16px}.roit-logo{width:52px;height:52px;border-radius:15px;background:#fff;color:#6b2bc4;display:grid;place-items:center;font-weight:900;font-size:17px;box-shadow:0 8px 22px #32106a55}.roit-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.4px;opacity:.72}.roit-header h2{margin:3px 0 3px;font-size:27px;color:#fff}.roit-header p{margin:0;font-size:13px;opacity:.84}.roit-header-badge{border:1px solid #ffffff42;background:#ffffff18;border-radius:30px;padding:10px 15px;font-size:11px;font-weight:800}.roit-body{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:650px}.roit-sidebar{background:#fff;border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;min-width:0}.roit-search{height:46px;border:1px solid var(--line);border-radius:12px;background:#fafbfe;display:flex;align-items:center;padding:0 12px;gap:8px;margin-bottom:14px}.roit-search span{font-size:21px;color:#8c94a6}.roit-search input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:var(--ink)}.roit-cats{display:flex;gap:6px;overflow:auto;padding-bottom:12px}.roit-cats button{border:0;background:#f2f3f8;color:#5f687b;border-radius:9px;padding:8px 10px;white-space:nowrap;font-size:11px;font-weight:700;cursor:pointer}.roit-cats button.active{background:#eee5fb;color:#6726bb}.roit-cats b{font-size:9px}.roit-tool-list{overflow:auto;padding-right:3px}.roit-tool-item{width:100%;border:1px solid transparent;background:transparent;border-radius:12px;padding:11px 9px;display:flex;align-items:center;text-align:left;gap:11px;cursor:pointer;margin:2px 0}.roit-tool-item:hover{background:#f7f3fc;border-color:#eadcf8}.roit-tool-item.active{background:linear-gradient(90deg,#f0e7fb,#fbf8ff);border-color:#dfcaf6}.roit-tool-icon{width:38px;height:38px;border-radius:10px;background:#f0eafa;color:#702bc7;display:grid;place-items:center;font-size:10px;font-weight:900;flex:0 0 38px}.roit-tool-item strong,.roit-tool-item small{display:block}.roit-tool-item strong{font-size:13px;margin-bottom:3px}.roit-tool-item small{font-size:10px;color:#8a92a2;line-height:1.25}.roit-main{padding:30px;min-width:0}.roit-welcome{max-width:760px;margin:55px auto;text-align:center}.roit-welcome-art{width:86px;height:86px;margin:0 auto 20px;border-radius:25px;background:linear-gradient(135deg,#6524c1,#a83ce4);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:900;box-shadow:0 14px 35px #7432b83d}.roit-welcome h1{font-size:34px;margin:7px 0}.roit-welcome p{max-width:600px;margin:0 auto;color:var(--muted);line-height:1.7;font-size:14px}.roit-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.roit-feature-grid div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.roit-feature-grid b,.roit-feature-grid span{display:block}.roit-feature-grid b{font-size:20px;color:#6a2ac1}.roit-feature-grid span{font-size:11px;color:#8991a0;margin-top:4px}.roit-workspace{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 30px #202b4510}.roit-tool-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.roit-tool-head h2{margin:3px 0;font-size:23px}.roit-tool-head p{margin:0;color:var(--muted);font-size:13px}.roit-close{border:0;background:#f1f3f7;width:36px;height:36px;border-radius:10px;font-size:23px;cursor:pointer;color:#667085}.roit-panel{min-width:0}.roit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.roit-field{margin-bottom:15px}.roit-field label{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.roit-field textarea,.roit-field input,.roit-field select{width:100%;border:1px solid #dfe3eb;border-radius:10px;padding:11px 12px;font:inherit;font-size:13px;outline:0;background:#fff;min-height:43px}.roit-field textarea{min-height:150px;resize:vertical}.roit-field input:focus,.roit-field textarea:focus,.roit-field select:focus{border-color:#8e52d6;box-shadow:0 0 0 3px #8e52d615}.roit-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.roit-btn{border:0;border-radius:9px;padding:10px 14px;background:#f0f1f5;color:#4d5668;font-weight:800;font-size:12px;cursor:pointer}.roit-btn.primary{background:linear-gradient(135deg,#6728c2,#a13bdd);color:#fff}.roit-btn:hover{transform:translateY(-1px)}.roit-result{background:#f7f8fb;border:1px solid var(--line);border-radius:12px;padding:13px;white-space:pre-wrap;word-break:break-word;min-height:50px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.roit-note{font-size:11px;color:#7b8495;margin:8px 0}.roit-table{width:100%;border-collapse:collapse;font-size:12px}.roit-table th,.roit-table td{border-bottom:1px solid var(--line);padding:9px;text-align:left}.roit-meter{height:9px;background:#eceef3;border-radius:99px;overflow:hidden}.roit-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#d94a67,#e0b12d,#4aa76b);transition:.25s}.roit-footer{text-align:center;background:#fff;border-top:1px solid var(--line);padding:14px;color:#8991a0;font-size:11px}.roit-footer a{color:#6d31c3;text-decoration:none;font-weight:800}.roit-empty{text-align:center;padding:30px;color:#8b93a2;font-size:13px}.roit-hidden{display:none!important}@media(max-width:850px){.roit-body{grid-template-columns:1fr}.roit-sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:360px}.roit-main{padding:18px}.roit-header{padding:20px}.roit-header-badge{display:none}.roit-grid{grid-template-columns:1fr}.roit-welcome{margin:30px auto}.roit-feature-grid{grid-template-columns:1fr}.roit-header h2{font-size:22px}}@media(max-width:520px){.roit-header{align-items:flex-start}.roit-brand{gap:11px}.roit-logo{width:44px;height:44px}.roit-header p{font-size:11px}.roit-main{padding:12px}.roit-workspace{padding:15px}.roit-welcome h1{font-size:28px}}
/* Res Opera visual polish */
.roit-app{position:relative;border:1px solid #e8e2f3}
.roit-header{background:linear-gradient(135deg,#4d1aa8 0%,#6d2cc7 45%,#a83ee4 100%);position:relative}
.roit-header:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,#fff0,#fff,#fff0);opacity:.35}
.roit-logo{letter-spacing:-.5px}
.roit-sidebar{background:linear-gradient(180deg,#fff 0%,#fbfaff 100%)}
.roit-tool-item.active{box-shadow:0 7px 18px rgba(109,53,212,.10)}
.roit-main{background:linear-gradient(180deg,#faf9fd 0%,#f5f7fb 100%)}
.roit-workspace{background:rgba(255,255,255,.97);box-shadow:0 14px 35px rgba(63,32,112,.09)}
.roit-btn.primary{box-shadow:0 7px 18px rgba(109,53,212,.20)}
.roit-btn:active{transform:translateY(0)}
.roit-field textarea,.roit-field input,.roit-field select{transition:border-color .18s,box-shadow .18s}
.roit-footer{background:#fff}
@media(max-width:850px){.roit-sidebar{max-height:none}.roit-tool-list{max-height:300px}.roit-cats{scrollbar-width:none}}