:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#202a3b;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.page{max-width:1600px;margin:auto;padding:26px 30px}header{display:flex;align-items:center;gap:15px;margin-bottom:26px}.brandMark{display:grid;place-items:center;background:#3949ab;color:#fff;width:47px;height:47px;border-radius:13px;font-size:25px}h1{font-size:24px;letter-spacing:-.7px;margin:0}header p{margin:4px 0 0;color:#6a7588;font-size:13px}.topBadge{margin-left:auto;font-size:12px;color:#4656af;background:#e9edff;border:1px solid #d9e0ff;border-radius:30px;padding:7px 12px}main{display:grid;grid-template-columns:305px minmax(0,1fr);gap:20px;align-items:start}.settings,.workspace{display:flex;flex-direction:column;gap:18px}.panel{background:#fff;border:1px solid #e3e7ef;border-radius:15px;padding:20px;box-shadow:0 5px 20px #29355709}.labelTop{font-size:10px;letter-spacing:1.6px;color:#8390a4;font-weight:800}h2{font-size:17px;letter-spacing:-.35px;margin:10px 0 16px}.upload{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;border:1.5px dashed #b6c3e5;background:#f8faff;border-radius:12px;text-align:center;padding:24px 10px;cursor:pointer}.uploadIcon{display:grid;place-items:center;border-radius:12px;background:#e7eefe;width:40px;height:40px;font-size:27px;color:#4a5bc0}.upload strong{font-size:13px;max-width:100%;word-break:break-word}.upload small,label small{color:#8893a4;font-size:11px}.upload input{display:none}label:not(.upload){display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:650;margin-top:14px}input:not([type=file]),select{width:100%;border:1px solid #dce2ea;background:#fff;border-radius:9px;padding:11px;font-size:13px;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #bdc6ff;outline-offset:1px}.primary,.secondary{width:100%;border-radius:10px;padding:12px;font-size:13px;font-weight:700}.primary{border:1px solid #3a4ab1;background:#3b4db2;color:#fff}.secondary{border:1px solid #dfe4ef;background:#fff;color:#405274;margin-top:9px}.status{margin-top:18px;display:flex;gap:10px;align-items:flex-start;border-top:1px solid #eff1f5;padding-top:16px}.statusDot{margin-top:5px;border-radius:50%;height:9px;width:9px;background:#a7b2c2}.status.active .statusDot{background:#5972db;box-shadow:0 0 0 4px #e9edff}.status strong{font-size:12px}.status small{display:block;margin-top:4px;color:#8c97a9;font-size:11px;line-height:1.4}.error{margin-top:12px;color:#ab324b;background:#fff0f3;border-radius:8px;font-size:12px;padding:12px;overflow-wrap:anywhere}.promptGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.promptTitle{display:flex;align-items:center;justify-content:space-between;gap:8px}.promptTitle h2{margin-bottom:7px}.promptTitle span{font-size:10px;color:#5668bc;background:#eef1ff;padding:5px 8px;border-radius:6px}.prompt p{font-size:12px;color:#8692a4;margin:0 0 12px}.prompt textarea{width:100%;min-height:238px;resize:vertical;border:1px solid #e0e6ef;border-radius:10px;padding:13px;color:#37455a;font-size:12px;line-height:1.65;background:#fafbfe}.outputHead{display:flex;justify-content:space-between;align-items:center;gap:10px}.outputHead h2{margin-bottom:13px}.metric{font-size:12px;color:#5360a8;background:#eef1ff;padding:7px 10px;border-radius:8px}.tabs{display:flex;border-bottom:1px solid #e8ebf0;gap:22px}.tabs button{border:0;background:none;color:#8a97aa;padding:10px 1px;font-size:13px;font-weight:700;border-bottom:2px solid transparent}.tabs button.selected{color:#3e50b9;border-bottom-color:#5266ce}.result{margin-top:15px;width:100%;min-height:280px;border:1px solid #e1e5ee;border-radius:10px;resize:vertical;padding:15px;font-size:13px;line-height:1.7;color:#37465c;background:#fbfcfe}.actions{display:flex;justify-content:flex-end;margin-top:12px}.actions button{background:#fff;color:#3c4da9;border:1px solid #d9dff3;border-radius:8px;font-size:12px;font-weight:700;padding:10px 13px}footer{text-align:center;color:#96a1b0;font-size:11px;padding:24px 0 4px}@media(max-width:900px){.page{padding:18px}main{grid-template-columns:1fr}.promptGrid{grid-template-columns:1fr}.topBadge{display:none}}:root{color-scheme:dark;background:#0b0a08;color:#f3ebd7}body{background:radial-gradient(circle at 45% -15%,#332814 0,#0b0a08 48%);color:#f3ebd7}.brandMark{background:linear-gradient(135deg,#9b7421,#e8c86a);color:#141008}header p,.prompt p,.status small,.upload small,label small,.settingsNote{color:#b3a58b}.topBadge,.promptTitle span,.metric{background:#29200d;color:#e8c86a;border:1px solid #614a1b}.labelTop{color:#c9a653}h1,h2{color:#f1d78b}.panel{background:#171510;border-color:#3b321e;box-shadow:0 8px 26px #00000040}.upload{background:#1f1a10;border-color:#80662c;color:#f5e7c3}.uploadIcon{background:#3e3014;color:#f3d481}input:not([type=file]),select,.prompt textarea,.result{background:#0f0e0b;border-color:#514127;color:#f5e9d2}input::placeholder,textarea::placeholder{color:#8e806b}input:focus,textarea:focus,select:focus{outline-color:#cda849}.primary{background:linear-gradient(120deg,#bf9232,#f1cf76);border-color:#ddb65b;color:#161008}.secondary,.actions button{background:#231c10;border-color:#7a5d25;color:#f1cf76}.secondary:hover,.actions button:hover{background:#35280f}.status,.tabs{border-color:#3a2f1e}.status.active .statusDot{background:#e1bc63;box-shadow:0 0 0 4px #4a3819}.tabs button{color:#b3a58b}.tabs button.selected{color:#f1cf76;border-bottom-color:#d4aa45}.error{color:#ffb4a7;background:#3c1919}.settingsNote{display:block;margin-top:10px;font-size:11px}footer{color:#988a70}