@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#252720;background:#f8f8f5;font-synthesis:none;--muted:#878a80;--line:#e4e5de;--orange:#e37446}*{box-sizing:border-box}body{margin:0;display:flex;height:100dvh}button,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sidebar{width:222px;flex:none;padding:30px 20px 22px;background:#f0f1eb;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:25px;letter-spacing:-1px;font-weight:650;gap:9px}.mark{font-size:42px;line-height:30px;font-weight:700;position:relative;color:var(--orange);width:27px}.mark span{position:absolute;font-size:14px;right:-4px;top:5px;color:#31352c;transform:rotate(-30deg)}.beta{font:9px 'DM Sans';letter-spacing:1px;border:1px solid #ced1c4;padding:3px 4px;margin-top:4px;margin-left:3px}.new{margin:40px 0 33px;border:1px solid #d6d9ce;background:#fafbf6;border-radius:7px;padding:11px 8px;font-size:12px;color:#4d5245;text-align:left}.side-label{font-size:9px;letter-spacing:1.5px;color:#8e9284;padding:0 8px;margin-bottom:16px}.active-project{display:flex;gap:11px;padding:12px 10px;border-radius:6px;background:#e4e7dd;font-size:12px}.active-project>span{font-size:20px}.active-project small{display:block;font-size:10px;color:#7a8070;margin-top:4px}.side-note{margin-top:auto;padding:30px 10px 45px}.tiny-icon{width:27px;height:27px;border:1px solid #cdd2c3;border-radius:50%;display:grid;place-items:center;font-size:13px;margin-bottom:17px}.side-note b{font-size:15px;font-weight:500;line-height:1.5;letter-spacing:-.3px}.side-note p{font-size:11px;line-height:1.7;color:#898f80}.profile{display:flex;align-items:center;gap:10px;padding-top:20px;border-top:1px solid #dce0d4;font-size:10px}.avatar{background:#dfe4d4;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:12px}.profile small{display:block;color:#969b8d;margin-top:4px;font-size:9px}.app{flex:1;min-width:0;display:flex;flex-direction:column}header{height:77px;flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px}.breadcrumb{font-size:12px;color:#909489}.breadcrumb span{margin:0 13px;color:#c1c6b8}.breadcrumb b{font-weight:500;color:#4d5344}.top-status{font-size:10px;color:#8b9181;display:flex;gap:7px;align-items:center}.top-status span{height:5px;width:5px;background:#8a9d70;border-radius:100%}main{display:flex;flex:1;min-height:0}.conversation{width:59%;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line)}.chat-scroll{overflow:auto;flex:1;scroll-behavior:smooth;padding:40px 42px 25px}.welcome{max-width:580px;margin:16px auto 0}.editor-symbol{color:var(--orange);font-size:40px;line-height:1;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:2px;color:#989a8f;margin-bottom:15px}h1{font-size:clamp(33px,3.1vw,48px);letter-spacing:-2px;line-height:1.13;font-weight:450;margin:0}h1 em{font-family:'Instrument Serif',serif;color:var(--orange);font-weight:400;font-size:1.14em;letter-spacing:-1px}.welcome>p{font-size:12px;line-height:1.9;color:#83877b;margin:20px 0 30px}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.starter-grid button{background:transparent;border:1px solid #dedfd7;border-radius:7px;text-align:left;padding:15px 11px;transition:.2s}.starter-grid button:hover{background:#f0f1e9;border-color:#c3c7b7;transform:translateY(-2px)}.starter-grid button>span{display:block;font-size:21px;color:#8f987a;margin-bottom:13px}.starter-grid b{display:block;font-size:10px;font-weight:550;white-space:nowrap}.starter-grid small{font-size:9px;line-height:1.6;color:#989d8f;display:block;margin-top:5px}.sample-link{background:none;border:0;padding:0;color:#8a8e80;font-size:10px;margin-top:23px}.sample-link span{margin-left:7px;color:var(--orange)}.composer-area{padding:0 32px 20px}.composer-area form{border:1px solid #dfe1d7;border-radius:11px;background:#fff;box-shadow:0 5px 15px #222a1410;padding:15px 16px 10px}.composer-area textarea{border:none;resize:none;width:100%;font-size:12px;background:transparent;line-height:1.8;color:#383f30;min-height:55px;outline:none}.composer-area textarea::placeholder{color:#a0a499}.compose-footer{display:flex;justify-content:space-between;align-items:center}.attach{border:none;background:transparent;font-size:19px;color:#8b917e;padding:0}.attach span{font-size:10px;vertical-align:2px;margin-left:4px}.send-group{display:flex;align-items:center;gap:13px}.send-group>span{font-size:9px;color:#9da38f}.send-group button{border:0;border-radius:7px;background:#333d2c;color:#fff;width:30px;height:30px;font-size:19px}.composer-note{text-align:center;color:#a4a89c;font-size:9px;margin-top:12px}.preview-panel{width:41%;padding:31px 32px;overflow:auto;background:#f4f5f0}.preview-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#929986;margin-bottom:19px}.live-dot{color:#a6ad96;font-size:8px}.preview-stage{position:relative;background:#e6e9df;border:1px solid #dbdfd2;border-radius:8px;aspect-ratio:4/4.5;max-height:450px;overflow:hidden;display:grid;place-items:center}.empty-preview{text-align:center;color:#909882}.frame-corners{width:70px;height:85px;margin:0 auto 25px;border:1px solid #b7bea9;border-radius:5px;display:grid;place-items:center;background:#e0e4d7;transform:rotate(-7deg);box-shadow:10px 7px 0 -1px #e6e9df,10px 7px 0 0 #c5cdb8}.frame-corners span{transform:rotate(7deg);font-size:17px;color:#a0ac8e}.empty-preview p{font-family:'Instrument Serif',serif;font-size:29px;line-height:1.1;margin:0 0 16px;color:#7f8971}.empty-preview small{font-size:9px;color:#a0a994}.preview-tag{position:absolute;bottom:13px;left:16px;font-size:7px;letter-spacing:2px;color:#a8b19c;pointer-events:none}video{display:block;width:100%;height:100%;max-height:450px;object-fit:contain;background:#1e241c}.preview-details{display:flex;align-items:center;justify-content:space-between;margin-top:17px;gap:8px}.preview-details b{font-size:11px;font-weight:500}.preview-details p{font-size:9px;color:#9da58f;line-height:1.6;margin:7px 0 0}.download{font-size:9px;border-bottom:1px solid #9ba98a;padding-bottom:3px;white-space:nowrap}.divider{height:1px;background:#e0e4d8;margin:25px 0}.source-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#959e86;margin-bottom:12px}.source-heading span{font-size:8px}.dropzone{display:flex;align-items:center;text-align:left;gap:12px;width:100%;border:1px dashed #cdd5c2;border-radius:7px;background:transparent;padding:18px 13px}.dropzone.dragover{background:#e2e9d9;border-color:#85976d}.upload-icon{font-size:20px;color:#91a079}.dropzone b{font-size:10px;font-weight:500;display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis}.dropzone small{font-size:8px;color:#9ca78e;display:block;margin-top:6px}.upload-plus{margin-left:auto;font-size:15px;color:#a7b098}.process-note{display:flex;gap:9px;margin-top:20px;align-items:center;color:#a7af9c}.process-note span{font-size:19px}.process-note p{font-size:9px;line-height:1.7;margin:0}.message{margin:0 0 25px;animation:appear .25s ease}.message.user{margin-left:50px;background:#edf0e6;padding:13px 17px;border-radius:12px 12px 3px 12px;font-size:12px;line-height:1.7}.message.assistant{display:flex;gap:13px}.bot-icon{color:var(--orange);font-size:21px;flex:none}.message-content{font-size:12px;line-height:1.8;min-width:0}.message-content p{margin:0;white-space:pre-wrap}.plan-tags{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.plan-tags span{font-size:9px;background:#ecefe5;border:1px solid #e0e5d7;padding:2px 8px;border-radius:5px;text-transform:capitalize;color:#79856a}.result-card{display:block;margin-top:14px;border:1px solid #d5ddcb;background:#f0f4ea;border-radius:8px;padding:14px 16px;text-align:left;width:100%;color:#556543}.result-card b{font-size:11px;display:block}.result-card small{font-size:9px;color:#8b997c}.result-card>span{float:right;font-size:20px}.activity{font-size:10px;color:#929e80;padding:0 3px 12px;display:flex;align-items:center;gap:8px}.spinner{width:11px;height:11px;border:1.5px solid #dce3d2;border-top-color:#929e80;border-radius:50%;animation:spin 1s linear infinite}.attached{display:inline-block;background:#f1f4ea;border:1px solid #e2e8d8;font-size:9px;padding:4px 8px;border-radius:4px;color:#758164;margin-bottom:8px}.error{font-size:11px;color:#a65838;line-height:1.6;padding:10px 0}.uploading{opacity:.6;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(min-width:1600px){.chat-scroll{padding:70px 65px 30px}.welcome{margin-top:30px}.preview-panel{padding:40px 50px}.preview-stage{max-height:550px}video{max-height:550px}}@media(max-width:1100px){.sidebar{width:185px;padding:25px 14px}.chat-scroll{padding:32px 25px}.composer-area{padding:0 23px 20px}.preview-panel{padding:30px 23px}.starter-grid{grid-template-columns:1fr}.starter-grid button{padding:10px 12px}.starter-grid button>span{float:left;margin:0 10px 0 0;font-size:18px}.starter-grid small{display:none}.starter-grid b{padding-top:3px}.welcome>p{font-size:11px}header{padding:0 25px}}@media(max-width:760px){body{height:auto;min-height:100dvh}.sidebar{display:none}.app{min-height:100dvh}header{height:59px;padding:0 18px}.top-status{font-size:9px}.breadcrumb{font-size:11px}main{flex-direction:column-reverse}.conversation,.preview-panel{width:100%}.conversation{border:none;min-height:55dvh}.preview-panel{padding:18px;display:grid;grid-template-columns:110px 1fr;gap:12px 16px;border-bottom:1px solid var(--line)}.preview-heading,.preview-details,.divider,.source-heading,.process-note{display:none}.preview-stage{grid-column:1;grid-row:1/3;aspect-ratio:3/4;max-height:155px}.empty-preview .frame-corners{width:30px;height:40px;margin:0 auto 12px}.empty-preview p{font-size:15px}.empty-preview small,.preview-tag{display:none}.dropzone{grid-column:2;grid-row:1;min-height:95px;padding:12px 8px;gap:7px}.dropzone b{max-width:150px}.dropzone small{line-height:1.7}.preview-details:has(.download:not([hidden])){display:flex;grid-column:2;grid-row:2;margin:0}.preview-details b{font-size:10px}.preview-details p{display:none}.download{font-size:10px}.chat-scroll{padding:25px 22px;max-height:60dvh}.welcome{margin:0}.editor-symbol{font-size:27px;margin-bottom:13px}h1{font-size:36px}.eyebrow{font-size:8px;margin-bottom:10px}.welcome>p{margin:13px 0 18px}.starter-grid{grid-template-columns:1fr 1fr 1fr;gap:5px}.starter-grid button{padding:10px 6px}.starter-grid b{font-size:8px}.starter-grid button>span{float:none;margin:0 0 6px}.sample-link{margin-top:17px}.composer-area{padding:5px 16px 18px}.message.user{margin-left:25px}video{max-height:155px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(min-width:761px) and (max-height:800px){.chat-scroll{padding-top:25px}.welcome{margin-top:0}.editor-symbol{font-size:32px;margin-bottom:16px}.eyebrow{margin-bottom:12px}.welcome>p{margin:14px 0 21px}.starter-grid button{padding-top:12px;padding-bottom:12px}.starter-grid button>span{margin-bottom:8px}.sample-link{margin-top:17px}.preview-stage{max-height:340px}}

.input-request{padding:18px;background:#e9eddf;border:1px solid #c9d2b9;border-radius:14px;margin-bottom:12px}.input-request b{display:block}.input-request p{font-size:12px;line-height:1.5}.input-request input{width:100%;box-sizing:border-box;background:white;border:1px solid #bbc5ae;border-radius:8px;padding:12px;font:inherit;margin-bottom:12px}.input-request button,.dialog-actions button{border:0;padding:10px 14px;border-radius:8px;cursor:pointer;background:#303b2c;color:white}.input-request div{display:flex;gap:10px}.input-request button[type=button]{background:transparent;color:#454d41}#browser-preview{max-width:100%;max-height:100%;object-fit:contain}dialog{max-width:480px;width:calc(100% - 48px);border:1px solid #d9dfd4;border-radius:20px;padding:26px;background:#f6f5f1;color:#2c3329}dialog::backdrop{background:#1c281c77}dialog h2{margin-top:0}dialog p,dialog small{line-height:1.5}dialog label{display:block;font-size:13px;margin:16px 0}dialog input,dialog textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #d4dbcd;border-radius:8px;background:white;font:inherit;padding:12px;margin-top:6px}dialog textarea{min-height:100px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#close-record-dialog{background:transparent;color:#343f2f}

#media-library{margin-top:24px;border-top:1px solid #dce0d2;padding-top:16px}#media-library h3{font-size:16px;margin:20px 0 12px}.library-row,.production-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.library-row button,.production-actions button,.library-output button{border:1px solid #c7cebc;border-radius:8px;background:#f2f4eb;padding:10px;color:#34432c;text-align:left;cursor:pointer}.library-row button{flex:1}.library-output{border:1px solid #dce0d2;border-radius:10px;padding:16px;margin:12px 0}.library-output b,.library-output small{display:block;margin-bottom:10px}.library-output a{margin-left:16px}.library-output small{color:#747d6a}#media-library a{font-size:13px}
@media(max-width:700px){#media-library{grid-column:1 / -1}}

#conversation-list{overflow:auto;max-height:40vh;margin:0 20px}.conversation-item{display:block;width:100%;border:0;background:transparent;text-align:left;border-radius:9px;padding:15px 12px;margin:4px 0;color:inherit;cursor:pointer}.conversation-item.selected{background:#e5e8dc}.conversation-item b,.conversation-item small{display:block;overflow-wrap:anywhere}.conversation-item b{font-size:14px;font-weight:500}.conversation-item small{font-size:12px;color:#828b76;margin-top:6px}.video-thumbnail{position:relative;width:100%;padding:0!important;border:0!important;background:#182018!important;overflow:hidden;border-radius:8px;display:block;margin-bottom:12px}.video-thumbnail video{width:100%;height:130px;object-fit:contain;display:block;pointer-events:none}.video-thumbnail .video-play{position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);border-radius:50%;background:#fffdf3dd;color:#263221;width:40px;height:40px;display:grid;place-items:center}.library-output.expanded video{height:auto;max-height:480px;pointer-events:auto}.library-output.expanded .video-thumbnail{cursor:default;opacity:1}.collapse-video{margin-top:12px}.library-output{transition:padding .2s}.video-thumbnail:disabled{opacity:1}

.video-play[hidden]{display:none!important}.video-thumbnail{cursor:pointer}

.url-start{margin-top:40px;max-width:720px}.url-start label{display:block;font-size:14px;margin-bottom:12px}.url-start>div{display:flex;gap:10px}.url-start input{min-width:0;flex:1;padding:18px;border:1px solid #c9cebf;border-radius:12px;font:inherit;background:#fff}.url-start button{border:0;border-radius:12px;padding:18px 24px;background:#303c2c;color:white;font:inherit;cursor:pointer}.url-start small{display:block;margin-top:15px;color:#78816f;line-height:1.5}@media(max-width:700px){.url-start>div{flex-direction:column}}

.new-top{background:transparent;border:1px solid #d8dcd2;border-radius:8px;padding:9px 12px;font:inherit;font-size:13px;color:#394132;cursor:pointer}.new-top:disabled{opacity:.5;cursor:default}

.starting-session .preview-panel{display:none}.starting-session .conversation{width:100%;border-right:0}.starting-session .welcome{max-width:650px;margin:clamp(24px,8vh,100px) auto}.starting-session .composer-area{padding-top:0}

.starting-session main{flex-direction:column}.starting-session .conversation{flex:1}

.template-dialog{width:min(1120px,94vw);max-width:1120px;max-height:90vh;padding:32px;border:1px solid #d6dacd;border-radius:24px;background:#f7f8f3;color:#262b24;box-shadow:0 32px 100px #15211338}.template-dialog::backdrop{background:#161d2266;backdrop-filter:blur(6px)}.template-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;height:auto;padding:0;border:0;background:none}.template-dialog h2{font-size:34px;letter-spacing:-1.4px;margin:8px 0 10px}.template-dialog p{color:#737c6b;font-size:15px;line-height:1.5}.template-dialog #close-templates{border:0;background:#e8ece0;border-radius:50%;width:38px;height:38px;font-size:28px;cursor:pointer}.template-dialog nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.template-dialog nav button{padding:9px 17px;border-radius:25px;border:1px solid #d6dacd;background:transparent;color:#485442;cursor:pointer}.template-dialog nav button[aria-pressed=true]{background:#303c2a;color:white}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.template-card{min-width:0;padding:12px;background:white;border:1px solid #e0e4d8;border-radius:18px}.template-visual{height:195px;border-radius:11px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px}.template-visual strong{font-size:28px;letter-spacing:-1px;text-align:center}.template-visual button{background:transparent;color:inherit;border:1px solid currentColor;border-radius:25px;padding:8px 14px;font-size:11px;cursor:pointer}.template-visual video{width:100%;height:100%;object-fit:contain;background:#0b0b0b}.template-card h3{font-size:19px;margin:17px 4px 8px}.template-card p{font-size:13px;margin:0 4px 14px;min-height:40px}.template-card small{font-size:11px;color:#748168;margin:0 4px;display:block}.use-template{margin-top:17px;padding:11px;width:100%;border:1px solid #cdd6c3;border-radius:9px;background:#eef3e7;color:#37492c;cursor:pointer}.use-template:disabled{opacity:.55;cursor:default}@media(max-width:850px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.template-dialog{padding:20px}.template-dialog h2{font-size:27px}.template-grid{grid-template-columns:1fr}.template-visual{height:210px}}

.header-actions{display:flex;gap:8px;align-items:center}#templates-top{display:none}@media(max-width:760px){#templates-top{display:block}.top-status{display:none}.breadcrumb{max-width:35%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-actions .new-top{font-size:11px;padding:8px}}

.brand-symbol{display:block;flex:none;width:32px;height:32px}.sidebar .brand{gap:7px;font-size:25px;letter-spacing:-1.2px}.sidebar .brand .beta{font-size:9px;padding:3px;letter-spacing:.5px;margin-left:0}

.breadcrumb>a{color:inherit;text-decoration:none;font-weight:600}.breadcrumb>a:hover{color:var(--orange)}