:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e7eaf3;background:#080d19;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}.top{height:70px;border-bottom:1px solid #273043;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1240px)/2),24px);background:#0c1425}.brand{font-size:15px;letter-spacing:.11em;font-weight:700}.brand b{font-weight:350}.mark{font-size:24px;color:#a3a6ff;margin-right:9px}.tag{font-size:11px;letter-spacing:.08em;background:#18213b;border:1px solid #2c3b65;border-radius:50px;padding:9px 12px;color:#c4cefd}.shell{max-width:1240px;margin:0 auto;padding:40px 24px 50px}.intro{padding-bottom:27px}.eyebrow{font-size:11px;letter-spacing:.14em;color:#aaaaf5;font-weight:750}.intro h1{font-weight:750;font-size:clamp(29px,4vw,46px);letter-spacing:-.045em;margin:10px 0}.intro em{color:#aaa6ff;font-style:normal}.intro p{max-width:760px;color:#b1bbcd;line-height:1.65}.layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr);gap:20px;align-items:start}.pane{background:#111a2d;border:1px solid #2b3550;border-radius:20px;padding:24px;min-width:0}.pane h2{font-size:14px;letter-spacing:.04em;margin:10px 0 19px;color:#d9dfff}.pane h2:not(:first-child){border-top:1px solid #293652;padding-top:27px;margin-top:30px}label{display:block;font-size:12px;color:#aebbd7;font-weight:600;margin:16px 0 8px}input:not([type=file]),textarea,select{width:100%;padding:12px 13px;background:#0a1121;border:1px solid #37415c;color:#f3f5fc;border-radius:10px;outline:none}input:focus,textarea:focus,select:focus{border-color:#8b86ff}textarea{resize:vertical;line-height:1.5}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 8px}button{border:0;border-radius:9px;padding:11px 13px;cursor:pointer;font-size:12px;font-weight:650}button:disabled{cursor:not-allowed;opacity:.45}.primary{background:#8f8af8;color:#0a1121}.primary:hover{background:#aaa6ff}.ghost{background:#212d48;border:1px solid #394867;color:#e7eaf6}.ghost:hover{background:#2c3b5f}.hint{font-size:12px;color:#9dabca;line-height:1.65}.sources{font-size:12px;color:#cad3e5}.sources a{color:#b9c4ff;word-break:break-all}.scenes{display:grid;gap:11px;margin-top:14px}.scene{padding:13px;border:1px solid #354365;background:#0c1426;border-radius:12px}.scenehead{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#bcc9ee}.scene textarea{margin-top:9px}.scene input[type=file]{font-size:12px;max-width:100%;margin-top:9px;color:#aab3c8}.phoneframe{max-width:315px;width:100%;background:#060914;border:7px solid #27314a;border-radius:24px;padding:4px;margin:0 auto;overflow:hidden;box-shadow:0 12px 45px #020610a0}.phoneframe canvas{display:block;width:100%;height:auto;border-radius:14px;background:#111a36}.preview-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:17px;font-size:12px}.preview-actions button{padding:9px}.previewpane{position:sticky;top:14px}.limits{background:#0a1222;border:1px solid #2c3956;padding:14px;border-radius:12px;margin-top:22px;font-size:12px;line-height:1.65}.limits b{color:#d6defd}.limits p{color:#a4b4d1;margin:5px 0 15px}progress{width:100%;height:12px;accent-color:#8d86ff;margin-top:8px}footer{font-size:11px;color:#8190b0;text-align:center;padding:36px 12px}@media(max-width:850px){.layout{grid-template-columns:1fr}.previewpane{position:static}.shell{padding:26px 14px}.pane{padding:17px}.top{padding:0 15px}.intro{padding-left:7px}.brand{font-size:12px}.tag{font-size:9px}}

.research-links{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.research-links a{border:1px solid #3b4d6b;border-radius:8px;padding:7px 10px;color:#d7e4ff;text-decoration:none;font-size:12px}.research-links a:hover{background:#253453}.image-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.image-card{min-width:0;padding:8px;border:1px solid #354463;border-radius:10px;background:#111d33}.image-card img{display:block;width:100%;height:145px;object-fit:cover;border-radius:6px;background:#263145}.image-card .credit{font-size:11px;color:#c4d0e5;margin:7px 0;overflow-wrap:anywhere}.image-card .card-actions{display:flex;gap:7px;flex-wrap:wrap}.image-card button,.image-card a{font-size:11px;padding:6px 8px}.image-card a{color:#c3d5ff}.source-item{padding:9px 0;border-bottom:1px solid #354463;font-size:12px}.source-item a{color:#c7d7ff}.source-item small{display:block;color:#a3b1cf}.image-results .empty{grid-column:1/-1;color:#bbc6de;font-size:12px}

.auto-option{display:flex;align-items:center;gap:10px;margin:12px 0 15px;color:#d9def9;font-size:13px}.auto-option input{width:17px;height:17px;accent-color:#9691ff}

.error-message{color:#ffb7b7!important;font-weight:600}#imageFeedback{min-height:1.6em;margin:10px 0}

input[type=file]{display:block;width:100%;max-width:100%;margin:12px 0 18px;color:#b8c6e9;}input[type=range]{width:100%;accent-color:#9686ff}#mediaFeedback{margin:8px 0 22px}.scene input[type=file]{font-size:12px}.error-message{color:#ffacae!important}

#autoWorkflow{font-size:13px;padding:13px 16px}#workflowState{padding:12px 14px;background:#0c2231;border:1px solid #285670;border-radius:10px}.success-message{color:#a5ebc0!important}
