:root{font-family:Manrope,"Segoe UI",sans-serif;color:#20372c;background:#f4f5ef;font-synthesis:none;--green:#234f3a;--lime:#d2e9a8;--muted:#7c887c;--line:#e1e6db}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,label.upload-button{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7b9e4c;outline-offset:3px}.icon{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:36px;line-height:1.2;letter-spacing:-1.7px;font-weight:750}h2{font-size:18px;letter-spacing:-.5px;font-weight:750}h3{font-size:17px;letter-spacing:-.4px}.primary,.secondary{border-radius:11px;padding:11px 18px;font-weight:700;font-size:13px;min-height:45px;white-space:normal}.primary{background:var(--green);color:#fff}.primary:hover{background:#32654b}.secondary{border:1px solid #d7dfd1;background:#fafbf7}.secondary:hover{background:#edf1e6}.wide{width:100%}.text-button{color:var(--green);font-size:12px;font-weight:750;justify-content:flex-start;padding:0}.icon-button{width:38px;height:38px;min-height:38px;border-radius:10px;color:#73806f;padding:8px}.icon-button:hover{background:#e8ede1}.eyebrow{display:block;font-size:10px;letter-spacing:1.9px;font-weight:800;color:#7c8a70;margin-bottom:14px}.quiet{font-size:10px;color:#91a18f}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:800;text-decoration:none;letter-spacing:-.5px}.brand>.icon{width:34px;height:34px;background:#d8e8b9;border-radius:9px;padding:6px;color:#31563a}.brand small{display:block;font-size:10px;font-weight:500;color:#90a48f;letter-spacing:.2px;margin-top:3px}.app-shell{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{background:#142a23;color:#e6eee0;padding:29px 22px;display:flex;flex-direction:column;gap:55px;position:sticky;top:0;height:100vh}.sidebar nav{display:grid;gap:9px}.sidebar nav button{justify-content:flex-start;gap:12px;padding:12px 16px;border-radius:11px;font-size:12px;font-weight:600;color:#a4b6a3}.sidebar nav button.active{background:#294537;color:#e6f4d9}.sidebar nav button.active .icon{color:#c4e490}.sidebar-bottom{margin-top:auto;display:grid;gap:14px;padding:0 10px}.logout{justify-content:flex-start;font-size:12px;color:#a9b8a4;padding:0}.topbar{display:flex;align-items:center;gap:20px;justify-content:space-between;min-height:82px;padding:0 42px;border-bottom:1px solid var(--line);background:#fafbf7}.breadcrumb{font-size:11px;color:#8a9585}.breadcrumb strong{color:#4c5e4c;font-weight:650}.device-control{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:12px}.device-control>.icon{color:#809075;width:18px}.device-control select{background:transparent;border:0;color:#384c3b;max-width:220px;font-size:12px;min-height:40px}.connection{display:flex;align-items:center;gap:6px;font-size:10px;color:#8c9585;white-space:nowrap}.connection:before{content:'';width:6px;height:6px;border-radius:50%;background:#b2b8a9}.connection.online:before{background:#72a765}.connection.online{color:#668557}.avatar{background:#e7eddf;color:#4e6647;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:11px;font-weight:800}.page{max-width:1440px;margin:auto;padding:40px 42px 60px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:33px}.page-heading p{font-size:12px;color:#87917f;margin-top:13px;line-height:1.7}.heading-dot{color:#8fae54}.dashboard-grid{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(400px,1.3fr);gap:32px}.section-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-caption h2{font-size:14px}.section-caption>span{font-size:10px;color:#8b9584}.scene-list{display:grid;gap:11px}.scene-card{display:flex;align-items:center;gap:5px;padding:11px 12px 11px 14px;background:#fcfdf9;border:1px solid var(--line);border-radius:14px;transition:border-color .15s,background .15s}.scene-card.selected{background:#edf2e3;border-color:#a9c189}.scene-pick{justify-content:flex-start;gap:13px;text-align:left;flex:1;min-width:0;padding:0}.scene-pick strong{display:block;font-size:13px;font-weight:800}.scene-pick small{display:block;font-size:10px;color:#839075;margin-top:4px}.scene-symbol{display:grid;place-items:center;width:45px;height:45px;min-width:45px;border-radius:13px;background:#e6ecd9;color:#6b8450}.tone-1{background:#e9e4d5;color:#8b7954}.tone-2{background:#e3e5ee;color:#7b81a2}.scene-card-actions{display:flex;gap:2px}.scene-play{width:32px;height:32px;min-height:32px;border-radius:9px;background:#e1e9d6;color:#345538}.scene-play .icon{width:15px;height:15px}.voice-teaser{border-top:1px solid var(--line);margin-top:27px;padding-top:25px}.teaser-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e6ecde;color:#668357;margin-bottom:13px}.voice-teaser h3{font-size:14px}.voice-teaser p{font-size:11px;line-height:1.8;color:#87917f;margin:9px 0 12px;max-width:290px}.live-caption{display:flex;align-items:center;gap:7px;font-size:10px;color:#89937e;margin-top:22px}.status-dot{width:6px;height:6px;display:inline-block;flex-shrink:0;border-radius:50%;background:#b0baa5}.status-dot.online{background:#78a15e}.delivery{display:block;color:#748767;font-size:10px;margin-top:9px;min-height:14px}.preview-tag{font-size:9px!important;background:#e7ebdf;color:#87927b!important;border-radius:5px;padding:4px 8px}.preview-window{border-radius:17px;border:1px solid #d9e1d0;overflow:hidden;background:#e9efdf;box-shadow:0 10px 30px #1f3b2110}.preview-window-bar{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;background:#f9fbf4;border-bottom:1px solid #dbe3d3;font-size:9px;color:#8b9882}.preview-window-bar>span:nth-child(2){display:flex;align-items:center;gap:5px}.preview-window-bar .icon{width:12px;height:12px}.preview-window-bar .icon-button{min-height:25px;height:25px;width:25px;padding:5px}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#d6dfcb}.preview-window iframe{width:100%;height:415px;border:0;display:block}.stage-tabs{display:flex;gap:3px;background:#e9ede2;border-radius:10px;padding:4px;margin-top:15px}.stage-tabs button{flex:1;min-height:32px;font-size:10px;padding:5px 7px;border-radius:7px;color:#89927f}.stage-tabs button.active{background:#fbfcf8;color:#405d34;box-shadow:0 1px 4px #00000008;font-weight:750}.preview-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:12px}.preview-bottom>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#8c9782}.preview-bottom>span .icon{width:12px;height:12px}.preview-bottom .text-button{font-size:10px}.panel{border:1px solid var(--line);background:#fcfdf9;border-radius:18px;padding:25px}.message-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(240px,.7fr);gap:40px;max-width:1000px}.mode-tabs{display:flex;gap:4px;padding:4px;background:#eef1e7;border-radius:11px;margin-bottom:25px}.mode-tabs button{flex:1;border-radius:8px;font-size:11px;min-height:38px;padding:7px}.mode-tabs button.active{background:#fff;color:var(--green);box-shadow:0 1px 5px #00000009;font-weight:750}label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#56674e;margin-bottom:17px}input,textarea,select{width:100%;min-height:43px;padding:11px 12px;border:1px solid #dce3d4;border-radius:9px;background:#fff;color:#354932;font-size:13px;font-weight:500;max-width:100%}textarea{resize:vertical;line-height:1.7}input[type=range]{padding:10px 0;accent-color:var(--green)}input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--green);margin:0}.field-note{font-size:10px;line-height:1.8;color:#8c9782;margin:-5px 0 20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check-label{display:flex;align-items:center;gap:9px;margin:0 0 25px}.message-explainer{padding:25px 15px}.large-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;color:#698657;background:#e3ebd7;margin-bottom:25px}.large-icon .icon{width:33px;height:33px}.message-explainer h2{font-size:29px;line-height:1.35;letter-spacing:-1px}.message-explainer p{color:#8a957f;font-size:12px;line-height:1.9;margin-top:16px}.delivery-box{display:flex;align-items:center;gap:8px;font-size:11px;padding:17px 0;margin-top:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.request-card{display:flex;align-items:center;gap:16px;border:1px solid #c6d8b0;border-radius:15px;background:#e7efdc;padding:20px;margin-bottom:28px;flex-wrap:wrap}.request-icon{display:grid;place-items:center;background:#d4e3bf;border-radius:12px;width:40px;height:40px;color:#527141}.request-card strong{font-size:13px}.request-card p{font-size:11px;color:#7d8a6e;margin-top:5px}.request-actions{display:flex;gap:8px;margin-left:auto}.reply-audio{display:flex;align-items:center;gap:12px;width:100%;margin:0;font-size:10px}.reply-audio select{max-width:240px;font-size:11px;min-height:34px;padding:6px 10px}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,350px));gap:20px}.device-art{display:grid;place-items:center;background:#e9efdf;color:#7b9463;border-radius:15px;height:125px;margin-bottom:22px}.device-art .icon{width:55px;height:55px}.device-card p{font-size:11px;color:#89957e;margin:15px 0 20px}.badge{font-size:9px;padding:4px 8px;border-radius:6px;background:#ecefe6;color:#8b9581}.badge.green{background:#e4efda;color:#6b8a50}.button-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.download-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:12px;margin-top:25px}.empty-state{grid-column:1/-1;text-align:center;padding:70px 20px;color:#879579}.empty-state>.icon{width:45px;height:45px;margin-bottom:18px}.empty-state h2{font-size:19px;color:#49623d}.empty-state p{font-size:12px;line-height:1.8;margin:12px auto 22px;max-width:380px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.asset-card{padding:13px;overflow:hidden}.asset-card img{width:100%;height:170px;object-fit:cover;border-radius:11px}.asset-card audio{width:100%;height:35px;margin-top:8px}.asset-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;min-width:0}.asset-title strong{font-size:11px;overflow-wrap:anywhere;min-width:0}.audio-art{display:grid;place-items:center;background:#e9efdf;color:#80966c;height:100px;border-radius:11px}.audio-art .icon{width:35px;height:35px}.upload-button,.upload-inline,.upload-field{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;cursor:pointer}.upload-button{margin:0;font-size:12px}.upload-button input,.upload-inline input,.upload-field input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-inline{font-size:10px;color:#6b8556;margin-top:-8px;min-height:32px;margin-bottom:17px}.upload-inline .icon{width:14px;height:14px}.upload-field{border:1px dashed #c6d5b7;border-radius:10px;padding:15px;justify-content:center;margin-top:15px}.recorder{display:grid;justify-items:center;gap:12px;padding:20px 0 30px}.record-button{width:80px;height:80px;border-radius:50%;background:#e8efdf;color:#6c8a54;border:8px solid #f3f6ed}.record-button .icon{width:28px;height:28px}.record-button.recording{background:#d5dfbd;color:#315c3b;border-color:#dfe8cc}.recorder strong{font-size:13px}.recorder>span{font-size:10px;color:#94a087}#processed-preview audio{width:100%;height:40px}#processed-preview p{font-size:12px;line-height:1.8;margin-bottom:20px;color:#738664}dialog{border:1px solid #d8e1cf;border-radius:20px;background:#fafbf6;color:#20372c;max-width:min(520px,calc(100vw - 32px));width:100%;padding:32px;box-shadow:0 35px 90px #10231833;max-height:88vh}dialog::backdrop{background:#10251980;backdrop-filter:blur(3px)}dialog h2{font-size:25px;letter-spacing:-.8px;margin:0 25px 25px 0}dialog p{font-size:12px;color:#819071;line-height:1.8}.large-dialog{max-width:min(740px,calc(100vw - 32px))}.modal-close{position:absolute;right:15px;top:15px}.editor-tabs{display:flex;gap:4px;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:22px}.editor-tabs button{flex:1;font-size:11px;border-radius:8px;color:#87957b;padding:5px 8px}.editor-tabs button.active{background:#e8efde;color:#456438;font-weight:750}fieldset{border:0;margin:0;padding:0}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:15px;border-top:1px solid var(--line);margin-top:20px}.danger{color:#ac6861}.pair-code{font-size:36px;letter-spacing:6px;font-weight:800;text-align:center;background:#e8efde;color:#3a6036;padding:25px 10px;border-radius:13px;margin:20px 0}.setup-steps{font-size:12px;color:#7d8e70;line-height:1.9;padding-left:20px;margin-top:20px}.setup-steps li{padding-left:5px;margin-bottom:10px}.setup-steps strong{color:#4d6843}.mobile-nav{display:none}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:#142a23;padding:48px 60px;color:#e1ecd8;display:flex;flex-direction:column;justify-content:space-between;min-height:700px}.login-story .brand{font-size:20px}.login-story .eyebrow{color:#9bb87d}.login-story h1{font-size:60px;letter-spacing:-3px;line-height:1.12;margin-bottom:25px}.login-story p{font-size:14px;line-height:1.9;color:#92a48b;max-width:320px}.story-bottom{font-size:11px;color:#7e967b}.story-blocks{display:flex;align-items:flex-end;gap:12px;margin-top:50px}.story-blocks span{height:55px;width:55px;background:#65854e;border-radius:3px;transform:rotate(-12deg)}.story-blocks span:nth-child(2){height:95px;background:#a7c47a;transform:rotate(8deg)}.story-blocks span:nth-child(3){height:70px;background:#466a43;transform:rotate(-5deg)}.story-blocks span:nth-child(4){height:42px;background:#2e5036;transform:rotate(15deg)}.login-form-wrap{display:grid;place-items:center;padding:45px;background:#f4f5ef}.login-form-wrap form{width:100%;max-width:345px}.login-form-wrap h2{font-size:30px;letter-spacing:-1px}.login-form-wrap p{font-size:12px;color:#89957e;line-height:1.9;margin:14px 0 30px}.login-form-wrap label{font-size:12px;margin-bottom:20px}.login-form-wrap input{min-height:48px}.login-form-wrap .primary{margin-top:10px;justify-content:space-between}.form-error{font-size:11px;color:#b06458;line-height:1.7}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:1000;background:#234e39;color:#f4f8ed;padding:14px 22px;border-radius:12px;font-size:12px;box-shadow:0 10px 40px #122d292b;max-width:min(520px,90vw);text-align:center}#toast.error{background:#794d3e}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:1450px){.page{padding-top:50px}.dashboard-grid{gap:45px}.preview-window iframe{height:470px}}@media(max-width:1150px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:25px 14px}.brand{font-size:15px}.topbar{padding:0 25px}.page{padding:30px 25px 50px}h1{font-size:29px}.dashboard-grid{gap:22px;grid-template-columns:minmax(230px,.8fr) minmax(340px,1fr)}.scene-card{padding:10px}.scene-symbol{width:36px;height:36px;min-width:36px}.scene-pick{gap:9px}.scene-pick strong{font-size:12px}.scene-card-actions .icon-button{width:28px;padding:5px}.preview-window iframe{height:360px}.page-heading>.secondary{font-size:11px;padding:9px 12px}}@media(max-width:950px){.dashboard-grid{grid-template-columns:1fr}.preview-section{order:-1}.preview-window iframe{height:340px}.scene-list{grid-template-columns:1fr}.voice-teaser{margin-top:22px}.message-grid{grid-template-columns:1fr}.message-explainer{padding:0}.message-explainer h2 br{display:none}.message-explainer .large-icon{display:none}.message-explainer h2{font-size:22px}.login-story{padding:40px 35px}.login-story h1{font-size:48px}.page-heading{align-items:flex-start}}@media(max-width:650px){.app-shell{display:block}.sidebar{display:none}.topbar{min-height:65px;padding:0 18px;gap:10px}.breadcrumb{display:none}.device-control{margin:0;flex:1;gap:7px}.device-control select{font-size:11px;max-width:175px;padding:5px}.connection{font-size:9px}.avatar{width:28px;height:28px;font-size:10px}.page{padding:27px 18px 100px}.page-heading{display:block;margin-bottom:25px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}h1{font-size:29px;letter-spacing:-1.5px}.page-heading p{font-size:11px;line-height:1.8;margin-top:10px}.page-heading>.secondary,.page-heading>.primary,.page-heading>.upload-button{margin-top:18px}.dashboard-grid{gap:26px}.section-caption{margin-bottom:12px}.section-caption h2{font-size:12px}.preview-window iframe{height:310px}.preview-window-bar{padding:6px 10px}.preview-bottom{margin-top:10px}.preview-bottom>span{font-size:8px}.stage-tabs{margin-top:12px}.stage-tabs button{font-size:9px;padding:5px}.scene-symbol{width:43px;height:43px;min-width:43px}.scene-pick strong{font-size:13px}.scene-pick small{font-size:10px}.scene-card{padding:13px}.scene-card-actions .icon-button{width:35px;padding:8px}.scene-play{width:36px;height:36px}.voice-teaser{padding-top:22px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;padding:8px 15px max(9px,env(safe-area-inset-bottom));background:#fafbf6f5;backdrop-filter:blur(15px);border-top:1px solid var(--line);justify-content:space-around}.mobile-nav button{display:flex;flex-direction:column;gap:4px;color:#8e9a83;font-size:9px;min-width:65px;min-height:44px}.mobile-nav button.active{color:#325b39;font-weight:800}.mobile-nav button .icon{width:20px;height:20px}.panel{padding:19px;border-radius:15px}.request-card{padding:16px;gap:12px}.request-actions{margin-left:0;width:100%}.request-actions button{flex:1}.request-card strong{font-size:12px}.request-card p{font-size:10px}.request-icon{width:35px;height:35px}.reply-audio{flex-wrap:wrap}.reply-audio select{max-width:none}.message-grid{gap:25px}.message-explainer{padding:0 5px}.message-explainer p{font-size:11px}.mode-tabs button{font-size:10px}.form-row{gap:11px}input,textarea,select{font-size:16px}label{font-size:11px}.mode-tabs{margin-bottom:20px}.message-grid .form-row{grid-template-columns:1fr}.message-grid .form-row label{margin-bottom:9px}.device-grid{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.asset-card{padding:10px}.asset-card img{height:130px}.asset-title strong{font-size:10px}.asset-title .icon-button{width:28px;height:32px;min-height:32px;padding:6px}dialog{padding:27px 20px;max-width:calc(100vw - 24px);max-height:90vh}dialog h2{font-size:22px}.editor-tabs{gap:0}.editor-tabs button{font-size:10px;padding:5px}.large-dialog .form-row{grid-template-columns:1fr;gap:0}.pair-code{font-size:30px;letter-spacing:4px}#toast{bottom:85px;max-width:90vw;width:max-content;font-size:11px}.login-layout{display:block}.login-story{min-height:0;padding:25px 28px 30px;gap:35px}.login-story .brand{font-size:17px}.login-story .brand .icon{width:29px;height:29px}.login-story .eyebrow{display:none}.login-story h1{font-size:36px;letter-spacing:-1.8px;margin-bottom:13px}.login-story h1 br{display:none}.login-story p{font-size:12px;max-width:330px}.story-blocks,.story-bottom{display:none}.login-form-wrap{padding:35px 28px 50px}.login-form-wrap h2{font-size:26px}.login-form-wrap .eyebrow{font-size:8px}.login-form-wrap input{font-size:16px}.login-form-wrap p{margin-bottom:25px}.login-form-wrap form{max-width:400px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Parent controls: quiet surfaces, readable labels and consistent touch targets. */
:root{font-family:"Segoe UI",Arial,sans-serif;color:#223b2d;background:#f5f6f0;--green:#2f5c43;--lime:#d9e9bb;--muted:#788474;--line:#e0e6d8}body{line-height:1.45}.main-shell{min-width:0}.icon{stroke-width:1.8}button{transition:background .15s,color .15s,box-shadow .15s,transform .15s}button:disabled{cursor:not-allowed}h1{font-size:36px;line-height:1.2;letter-spacing:-1.35px}h2{font-size:19px;letter-spacing:-.45px}h3{font-size:16px}.primary,.secondary{font-size:13px;min-height:46px;padding:11px 17px;border-radius:10px}.primary{box-shadow:0 2px 2px #163b2010}.primary:hover{box-shadow:0 4px 12px #28452b16}.secondary{background:#fcfdf8}.text-button{min-height:38px;font-size:12px;font-weight:700;gap:8px}.icon-button{width:40px;height:40px;min-height:40px;color:#7d8d72;border-radius:9px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#87966f;margin-bottom:12px}.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:32px 20px;background:#172e25;gap:53px}.brand{font-size:17px;gap:10px}.brand small{font-size:10px;color:#97ad91}.brand>.icon{background:#d7e6b9;border:1px solid #bace9e}.sidebar nav{gap:8px}.sidebar nav button{font-size:13px;min-height:46px;padding:12px 15px;color:#a5b7a0}.sidebar nav button.active{background:#2c4636;color:#f0f6e8;box-shadow:inset 3px 0 #c4dc98}.sidebar nav button:not(.active):hover{background:#213b2e}.sidebar-bottom{padding:0 12px}.quiet{font-size:11px;color:#91a48b}.logout{font-size:12px;min-height:40px}.topbar{min-height:80px;background:#fcfdf8;padding:0 40px}.breadcrumb{font-size:12px}.device-control{font-size:13px;gap:11px}.device-control select{font-size:12px}.connection{font-size:11px}.connection:before{width:7px;height:7px}.avatar{width:34px;height:34px;min-height:34px;border:1px solid #dfe7d3;font-size:11px;padding:0}.page{padding:39px 40px 60px;max-width:1500px}.page-heading{margin-bottom:30px;align-items:flex-start}.page-heading p{font-size:13px;margin-top:11px;color:#7c8874;max-width:570px}.page-heading>.secondary{margin-top:17px}.dashboard-grid{grid-template-columns:minmax(275px,.86fr) minmax(380px,1.35fr);gap:30px}.section-caption{margin-bottom:16px}.section-caption h2{font-size:14px;letter-spacing:-.2px}.section-caption>span{font-size:11px;color:#8d9885}.scene-list{gap:10px}.scene-card{padding:13px 11px 13px 14px;border-radius:12px;background:#fcfdf9;gap:4px}.scene-card.selected{background:#edf3e3;border-color:#b1c98e;box-shadow:0 0 0 1px #b1c98e20}.scene-pick{gap:12px;min-height:48px}.scene-pick strong{font-size:14px;font-weight:750;letter-spacing:-.2px}.scene-pick small{font-size:11px;color:#8a967e;font-weight:400;margin-top:3px}.scene-symbol{width:44px;height:44px;min-width:44px;border-radius:11px;background:#e6edda;color:#6b8650;border:1px solid #dce5ce}.tone-1{background:#f0e9dc;border-color:#e9e0cd;color:#9b855a}.tone-2{background:#e8eaf4;border-color:#dde1ed;color:#8590af}.scene-selected{margin-left:auto;color:#6e8e46;display:none}.scene-selected .icon{width:16px;height:16px}.selected .scene-selected{display:block}.scene-card>.icon-button{width:33px;min-height:36px;height:36px;padding:7px;color:#8d9b7e}.launch-panel{margin-top:18px}.launch-button{min-height:50px;font-size:14px;font-weight:700}.launch-button>.icon{width:18px;height:18px}.launch-panel>p{font-size:11px;color:#8a967e;margin:10px 0 0;text-align:center}.live-caption{font-size:11px;margin-top:22px;color:#77896a;gap:7px}.delivery{font-size:10px;margin-top:6px}.voice-teaser{display:flex;gap:13px;margin-top:23px;padding-top:22px}.teaser-icon{width:35px;min-width:35px;height:35px;margin:1px 0 0;border-radius:10px}.voice-teaser h3{font-size:13px}.voice-teaser p{font-size:11px;line-height:1.7;margin:6px 0 8px;max-width:300px}.voice-teaser .text-button{font-size:11px;min-height:30px}.preview-tag{font-size:10px!important;letter-spacing:.1px;padding:4px 8px;border:1px solid #e0e6d7}.preview-window{border-radius:12px;box-shadow:0 12px 30px #314d2410;border-color:#d4dfc8}.preview-window-bar{font-size:10px;padding:5px 11px;min-height:35px;background:#fbfcf8}.preview-tools{display:flex;gap:2px}.preview-window-bar .icon-button{width:26px;height:26px;min-height:26px;padding:6px}.preview-window iframe{height:auto;aspect-ratio:1.4;min-height:310px}.window-dots i{width:5px;height:5px}.stage-tabs{gap:2px;background:#e9ede2;padding:4px;border-radius:9px}.stage-tabs button{min-height:39px;font-size:10px;padding:6px 7px;gap:6px;white-space:nowrap}.step-number{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid #cdd9be;border-radius:4px;font-size:9px;color:#8a9d72;flex-shrink:0}.active>.step-number{background:#e3ebd6;border-color:#c7d6b1;color:#4c7037}.preview-bottom{margin-top:12px}.preview-bottom>span{font-size:10px;color:#8a957f}.preview-bottom .text-button{font-size:11px}.panel{border-radius:14px;padding:25px}.mode-tabs button{font-size:12px;gap:7px;min-height:42px}.mode-tabs .icon{width:16px;height:16px}.message-grid{gap:35px;max-width:1100px}.message-explainer h2{font-size:28px}.message-explainer p{font-size:13px}.message-explainer .delivery-box{font-size:12px}.large-icon{border-radius:15px;width:58px;height:58px}.record-button{width:88px;height:88px;border-width:9px;box-shadow:0 0 0 1px #e5ecd9}.record-button.recording{color:#b55346;background:#fae2db;border-color:#faede6;animation:record-pulse 1.5s infinite}.recording>.icon{width:25px;height:25px}.recorder strong{font-size:14px}.recorder>span{font-size:11px}.recorder{padding:23px 0 30px}label{font-size:12px;font-weight:650;color:#647457;gap:8px;margin-bottom:18px}input,textarea,select{border-radius:8px;min-height:45px;font-size:14px;border-color:#dce4d2;color:#374c30}input:focus,textarea:focus,select:focus{border-color:#a9bd8b}input[type=range]{height:30px;min-height:30px;accent-color:#668d44}.volume-label{position:relative;grid-template-columns:1fr auto;margin-top:20px}.volume-label input{grid-column:1/-1}.volume-label output{font-size:11px;color:#8c9b7e;font-weight:500}.field-note{font-size:11px;line-height:1.7;color:#8a977d}.upload-field{font-size:12px;padding:18px;border-radius:9px;background:#f6f8f0}.upload-inline{font-size:11px;min-height:35px;margin:0}.request-card{background:#e8f0dc;border-color:#c7d9ad;padding:20px;border-radius:12px}.request-card strong{font-size:14px}.request-card p{font-size:12px}.reply-audio{font-size:11px}.request-actions .secondary{color:#947348;background:#fff8e9;border-color:#e0d1b3}.request-icon{width:43px;height:43px;border-radius:10px}.asset-grid{gap:18px}.asset-card{padding:12px}.asset-title strong{font-size:12px}.asset-card img{border-radius:8px}.audio-art{border-radius:8px}.asset-card .icon-button{color:#8a977f}.device-card p{font-size:12px}.badge{font-size:10px}.device-art{border-radius:10px;background:linear-gradient(140deg,#e9efdd,#dce9cd)}.empty-state h2{font-size:21px}.empty-state p{font-size:13px}.empty-state>.icon{color:#9aae85}.login-story p{font-size:15px}.login-form-wrap p{font-size:13px}.login-form-wrap h2{font-size:32px}.login-form-wrap label{font-size:12px}.login-form-wrap input{min-height:50px}.login-form-wrap .primary{min-height:50px;font-size:14px}.login-story{background:#172e25}.login-story h1{font-weight:700}.login-story .brand{font-size:19px}.form-error{font-size:12px}.editor-heading h2{margin-bottom:8px;font-size:25px}.editor-heading p{margin-bottom:25px;font-size:12px}.scene-editor{max-width:min(1120px,calc(100vw - 36px));padding:28px 30px;overflow:auto}.editor-layout{display:grid;grid-template-columns:minmax(350px,1.15fr) minmax(280px,1fr);gap:30px;align-items:start}.editor-preview{position:sticky;top:0;min-width:0;background:#f1f4e9;padding:16px;border-radius:12px;border:1px solid #e1e7d8}.editor-preview h3{font-size:12px}.editor-preview iframe{display:block;width:100%;height:430px;border:1px solid #d8e1cd;border-radius:6px;background:#eaf0df}.editor-preview .section-caption{margin-bottom:12px}.editor-preview>p{font-size:10px;line-height:1.8;color:#8b987f;margin-top:12px;display:flex;align-items:flex-start;gap:6px}.editor-preview>p .icon{width:12px;height:12px;margin-top:3px}.editor-tabs{border:0;padding:4px;margin:17px 0 23px;background:#ebf0e2;border-radius:8px;gap:2px}.editor-tabs button{font-size:10px;gap:5px;min-height:36px;padding:5px}.editor-tabs button.active{background:#fff;box-shadow:0 1px 3px #14290c0a}.editor-tabs .step-number{width:15px;height:15px;font-size:8px}.editor-details{margin:0 0 18px;padding:0 13px;border:1px solid #e0e7d5;border-radius:9px;background:#f7f9f1}.editor-details summary{min-height:45px;display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer;color:#758765;list-style:none;user-select:none}.editor-details summary::-webkit-details-marker{display:none}.editor-details summary:after{content:'+';font-size:18px;color:#98a789;margin-left:auto}.editor-details[open]>summary:after{content:'−'}.editor-details[open]>summary{margin-bottom:13px;border-bottom:1px solid #e4eadc}.editor-details summary>.icon{width:16px;height:16px}.editor-details .check-label{font-size:11px;margin-bottom:17px}.summary-badge{font-size:9px;color:#97a587;background:#edf2e3;border-radius:4px;padding:3px 6px;margin-left:1px}.editor-details .secondary{font-size:11px}.editor-details .field-note{font-size:10px;margin-top:0}.icon-picker{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin:-9px 0 22px}.icon-picker button{border:1px solid #dfe6d5;border-radius:7px;min-height:36px;padding:6px;background:#fff;color:#90a07e}.icon-picker button>.icon{width:18px;height:18px}.icon-picker button.selected{background:#e5efd7;border-color:#a8c18a;color:#4e7337;box-shadow:0 0 0 1px #a8c18a30}.media-field{border:1px dashed #cedcc0;border-radius:9px;padding:14px;margin-bottom:20px;background:#fbfcf7}.media-field label{margin-bottom:8px}.media-field .upload-inline{margin-bottom:0;color:#6f8b56}.modal-footer{padding-top:16px;margin-top:22px;position:sticky;bottom:-29px;background:#fafbf6;z-index:2;padding-bottom:8px}.modal-footer .primary{min-width:135px}.modal-footer .danger{font-size:11px}.expanded-dialog{max-width:calc(100vw - 32px);width:1200px;max-height:95vh;padding:18px;overflow:hidden}.expanded-heading{display:flex;align-items:center;gap:12px;padding:0 30px 12px 4px}.expanded-heading h2{font-size:16px;margin:0}.expanded-dialog iframe{display:block;width:100%;height:min(75vh,760px);border:1px solid #d7e0ca;border-radius:7px}.expanded-dialog .modal-close{top:11px;right:11px}.check-label{line-height:1.65;align-items:flex-start}.check-label input{margin-top:2px}.pair-code{background:#edf3e2;border:1px dashed #b4c99a;font-family:ui-monospace,monospace}.setup-steps{font-size:13px}dialog{border-radius:15px}dialog p{font-size:13px}#toast{font-size:13px;line-height:1.6;border:1px solid #496d4b;box-shadow:0 10px 40px #152f2825}@keyframes record-pulse{50%{box-shadow:0 0 0 8px #fae2db66}}
@media(min-width:1450px){.page{padding-top:45px}.dashboard-grid{gap:36px}.preview-window iframe{height:auto;min-height:400px}}
@media(max-width:1200px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:28px 14px}.brand{font-size:15px}.topbar{padding:0 26px}.page{padding:32px 26px 55px}.dashboard-grid{grid-template-columns:minmax(240px,.8fr) minmax(330px,1.2fr);gap:22px}h1{font-size:31px}.scene-pick strong{font-size:13px}.scene-symbol{width:39px;height:39px;min-width:39px}.scene-card{padding:12px 8px 12px 11px}.scene-pick{gap:9px}.stage-tabs button{font-size:9px;gap:4px}.stage-tabs .step-number{width:14px;height:14px;font-size:8px}}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr;gap:28px}.preview-section{order:0}.scenario-section{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:start}.scenario-section>.section-caption{grid-column:1/-1}.scene-list{grid-column:1}.launch-panel{grid-column:2;grid-row:2;margin-top:0}.voice-teaser{grid-column:1/-1;margin-top:20px}.preview-window iframe{min-height:380px;aspect-ratio:1.65}.editor-layout{grid-template-columns:1fr}.editor-preview{display:none}.scene-editor{max-width:min(600px,calc(100vw - 24px))}.editor-tabs button{font-size:11px}.editor-tabs .step-number{display:none}.icon-picker{grid-template-columns:repeat(10,1fr)}.message-grid{grid-template-columns:1fr}.message-explainer{padding:0}.message-explainer h2{font-size:22px}.message-explainer h2 br{display:none}}
@media(max-width:650px){.app-shell{display:block}.topbar{min-height:65px;padding:0 18px}.page{padding:27px 18px 105px}.page-heading{margin-bottom:25px}.page-heading>.secondary{margin-top:17px;font-size:12px;min-height:43px}.eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:30px;letter-spacing:-1.15px}.page-heading p{font-size:12px;line-height:1.7}.device-control{gap:7px}.device-control select{font-size:12px;max-width:185px}.device-control>.icon{width:17px}.connection{font-size:10px}.avatar{width:30px;height:30px;min-height:30px}.breadcrumb{display:none}.sidebar{display:none}.dashboard-grid{gap:28px}.scenario-section{display:block}.section-caption h2{font-size:13px}.section-caption>span{font-size:10px}.scene-list{gap:9px}.scene-card{padding:12px}.scene-symbol{width:43px;height:43px;min-width:43px}.scene-pick{gap:12px;min-height:44px}.scene-pick strong{font-size:14px}.scene-pick small{font-size:11px}.scene-card>.icon-button{width:37px;min-height:40px}.launch-panel{margin-top:16px}.launch-button{min-height:50px;font-size:14px}.launch-panel>p{font-size:10px}.live-caption{font-size:10px;margin-top:16px}.delivery{min-height:0}.delivery:empty{display:none}.voice-teaser{margin-top:22px;padding-top:20px}.voice-teaser h3{font-size:14px}.voice-teaser p{font-size:11px}.voice-teaser .text-button{font-size:12px}.preview-window iframe{min-height:0;aspect-ratio:1.2;height:auto}.preview-bottom{align-items:flex-start}.preview-bottom>span{font-size:9px;max-width:185px;line-height:1.6}.stage-tabs button{font-size:9px;min-height:36px;gap:4px;padding:5px 4px}.stage-tabs .step-number{display:none}.preview-window-bar{font-size:9px}.preview-window-bar>span:nth-child(2){font-size:9px}.mobile-nav{padding:7px 9px max(8px,env(safe-area-inset-bottom));background:#fcfdf8f2;box-shadow:0 -5px 20px #203b2304}.mobile-nav button{font-size:10px;gap:4px;min-width:64px;min-height:47px;padding:4px 10px;border-radius:9px}.mobile-nav button.active{background:#edf3e3}.mobile-nav button .icon{width:20px;height:20px}.panel{padding:19px;border-radius:12px}.mode-tabs{gap:2px;padding:4px}.mode-tabs button{font-size:11px;gap:5px;padding:7px 4px}.mode-tabs button .icon{width:14px;height:14px}.message-explainer p{font-size:12px}.message-explainer h2{font-size:22px}.form-row{gap:12px}input,textarea,select{font-size:16px;min-height:46px}.device-control select{min-height:40px}.message-grid .form-row{grid-template-columns:1fr}.message-grid .form-row label{margin-bottom:10px}.request-card{padding:16px}.request-card strong{font-size:13px}.request-card p{font-size:11px}.request-actions{width:100%;margin:0}.request-actions button{flex:1}.reply-audio{font-size:11px;gap:8px}.reply-audio select{font-size:14px;min-height:40px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-card{padding:9px}.asset-card img{height:130px}.asset-title strong{font-size:11px}.asset-title .icon-button{width:30px;height:34px;min-height:34px}.scene-editor{padding:25px 18px;max-width:calc(100vw - 16px);max-height:94vh;border-radius:13px}.editor-heading h2{font-size:23px}.editor-heading p{font-size:11px;margin-bottom:20px}.editor-layout{display:block}.editor-tabs{position:sticky;top:-25px;z-index:3;box-shadow:0 6px 9px #fafbf6;background:#edf2e4}.editor-tabs button{font-size:10px;min-height:38px;white-space:nowrap}.editor-preview{display:none}.icon-picker{grid-template-columns:repeat(5,1fr);gap:7px}.icon-picker button{min-height:42px}.icon-picker button>.icon{width:20px;height:20px}.editor-details{padding:0 12px}.editor-details summary{font-size:12px;min-height:47px}.editor-details .secondary{font-size:12px}.summary-badge{font-size:9px}.modal-footer{bottom:-26px;padding:13px 0 6px}.expanded-dialog{padding:10px;max-width:calc(100vw - 12px);border-radius:10px}.expanded-dialog iframe{height:76vh}.expanded-heading{padding:5px 30px 12px 3px}.expanded-heading h2{font-size:13px}.expanded-heading .preview-tag{font-size:8px!important}.expanded-dialog .modal-close{width:30px;height:30px;min-height:30px;top:8px;right:8px}.login-story{padding:26px 28px 30px}.login-story p{font-size:13px}.login-story h1{font-size:36px;line-height:1.14}.login-form-wrap{padding:30px 28px 45px}.login-form-wrap h2{font-size:27px}.login-form-wrap p{font-size:12px}.login-form-wrap input{font-size:16px}.login-form-wrap .primary{font-size:14px}.upload-button{font-size:12px}.pair-code{font-size:29px}#toast{bottom:85px;font-size:12px;padding:12px 17px}}
@media(max-width:360px){.page{padding-inline:14px}.topbar{padding-inline:14px}.device-control select{max-width:155px}.device-control{gap:4px}.connection{font-size:9px}.avatar{width:26px;height:26px;min-height:26px;font-size:9px}.scene-pick strong{font-size:13px}.scene-pick small{font-size:10px}.scene-symbol{width:38px;height:38px;min-width:38px}.stage-tabs button{font-size:8px}.preview-bottom>span{font-size:8px;max-width:160px}.editor-tabs button{font-size:9px}.mode-tabs button .icon{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:650px){.scene-card>.icon-button{width:44px;height:44px;min-height:44px;padding:12px}}
.message-aside{min-width:0;display:grid;align-content:start;gap:23px}.message-aside .message-explainer{padding:0 8px}.message-aside .message-explainer h2{font-size:23px}.preset-library{padding:20px}.preset-library .section-caption{gap:8px;margin-bottom:8px}.preset-library .section-caption h2{font-size:14px}.preset-library .section-caption>span{margin-left:auto}.preset-library .section-caption .icon-button{width:32px;height:32px;min-height:32px;padding:7px}.preset-library>.field-note{margin:0 0 13px;font-size:11px}.preset-library>.secondary{font-size:12px;min-height:42px;margin-bottom:14px}.preset-list{display:grid;gap:9px;max-height:440px;overflow:auto;padding:1px}.preset-card{display:flex;align-items:center;gap:5px;padding:9px;border:1px solid #dee6d3;border-radius:9px;background:#fffef9;min-width:0}.preset-card.selected{background:#edf3e3;border-color:#b0c793}.preset-pick{min-width:0;flex:1;display:flex;justify-content:flex-start;align-items:center;gap:9px;text-align:left;padding:0;min-height:44px}.preset-pick>span:last-child{min-width:0}.preset-pick strong{display:block;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:180px}.preset-pick small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;font-weight:400;line-height:1.5;color:#849277;margin-top:4px;overflow-wrap:anywhere}.preset-icon{display:grid;place-items:center;width:32px;height:34px;min-width:32px;border-radius:7px;background:#e8efdc;color:#78935d}.preset-icon>.icon{width:18px;height:18px}.preset-actions{display:flex;align-items:center}.preset-actions .icon-button{width:31px;height:35px;min-height:35px;padding:7px}.preset-actions [data-action=send-preset]{color:#5a7e3f}.preset-empty{font-size:12px;color:#8b997d;padding:15px 0}.composer-caption{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8b997c;margin-bottom:15px}.composer-caption .text-button{font-size:10px;min-height:26px}.text-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.text-tools>.secondary{font-size:12px;flex:1;white-space:nowrap;padding:10px 12px}.message-composer .message-icon-picker{grid-template-columns:repeat(10,1fr);gap:5px}.message-icon-picker button{min-height:37px;padding:6px}.message-icon-picker .icon{width:17px;height:17px}#text-preview:empty{display:none}#text-preview{margin:0 0 20px}#text-preview audio{width:100%;height:40px}.trash-preset-text{flex:1;min-width:0}.trash-preset-text strong{font-size:12px}.trash-preset-text p{font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.preset-card>.secondary{font-size:11px;min-height:37px;padding:7px 9px}#bubble-icon{display:inline-flex;align-items:center}#bubble-icon .icon{width:15px;height:15px}.bubble-speaker{gap:7px}.bubble-speaker .speech-bars{margin-left:auto}
@media(max-width:1050px){.message-aside{grid-row:1}.message-aside .message-explainer{display:none}.preset-library .preset-list{max-height:270px}.preset-pick strong{max-width:100%}}
@media(max-width:650px){.preset-library{padding:16px}.preset-library .section-caption h2{font-size:14px}.preset-list{gap:8px}.preset-card{padding:9px}.preset-pick strong{font-size:12px;max-width:190px}.preset-pick small{font-size:10px}.preset-actions .icon-button{width:40px;height:44px;min-height:44px;padding:11px}.preset-actions{gap:0}.preset-icon{width:30px;min-width:30px}.preset-pick{gap:8px}.text-tools{display:grid;grid-template-columns:1fr}.text-tools>.secondary{font-size:13px;min-height:44px}.message-composer .message-icon-picker{grid-template-columns:repeat(5,1fr);gap:7px}.message-icon-picker button{min-height:43px}.message-icon-picker .icon{width:20px;height:20px}.preset-card>.secondary{font-size:10px;min-height:42px;padding:8px}.trash-preset-text strong{font-size:11px}.preset-library .section-caption .icon-button{width:40px;height:40px;min-height:40px}.composer-caption{font-size:11px}#bubble-icon .icon{width:12px;height:12px}}
@media(max-width:450px) and (max-height:420px){#bubble-icon .icon{width:10px;height:10px}.bubble-speaker{gap:4px}}
.greeting-preview-link{margin-top:11px;font-size:11px}.greeting-options .summary-badge{margin-left:auto}.greeting-options summary:after{margin-left:3px}.greeting-options textarea{font-size:13px}.greeting-options .text-tools{margin-bottom:13px}.greeting-options .field-note{font-size:10px;line-height:1.7}.greeting-options .check-label{margin-top:0}

@media(max-width:1050px){.show-greeting-preview .editor-preview{display:block;position:relative;margin-top:24px}.show-greeting-preview .editor-preview iframe{height:340px}}
@media(max-width:650px){.show-greeting-preview .editor-preview{padding:10px}.show-greeting-preview .editor-preview iframe{height:300px}.greeting-options .form-row{grid-template-columns:1fr;gap:0}}

.greeting-heading{display:flex;align-items:center;gap:10px;margin:0 0 20px}.greeting-heading h3{font-size:14px}.greeting-options .summary-badge{white-space:nowrap}.greeting-options .check-label{padding:12px;background:#eaf1df;border:1px solid #d7e3c8;border-radius:8px}.step-number>.icon{width:12px;height:12px}.expanded-heading .secondary{font-size:11px;min-height:36px;padding:7px 11px}.expanded-heading{flex-wrap:wrap}.editor-preview .preview-tag{white-space:nowrap}
@media(max-width:650px){.stage-tabs,.editor-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.stage-tabs button,.editor-tabs button{white-space:normal;font-size:10px}.greeting-heading{align-items:flex-start}.expanded-heading .secondary{font-size:10px;min-height:36px}.expanded-dialog iframe{height:68vh}.greeting-options .check-label{font-size:12px}}

.scene-photo-panel{margin-top:18px;padding:16px;background:#fcfdf8;border:1px solid #dce5d2;border-radius:12px}.photo-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.photo-panel-heading h3{font-size:14px}.photo-panel-heading>span{font-size:10px;color:#8a977d}.scene-photo-summary{display:flex;align-items:center;gap:13px;margin-bottom:13px}.scene-photo-summary>p{font-size:11px;line-height:1.8;color:#7a8a6e}.scene-photo-thumb{width:86px;height:68px;min-width:86px;border:1px solid #dce5d0;border-radius:8px;overflow:hidden;background:#edf2e3}.scene-photo-thumb img{width:100%;height:100%;object-fit:contain}.photo-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:100%;height:100%;color:#8da07c;font-size:10px}.photo-placeholder .icon{width:24px;height:24px}.scene-photo-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:8px}.scene-photo-actions .upload-button{margin:0;justify-content:center}.scene-photo-actions .primary,.scene-photo-actions .secondary{font-size:11px;min-height:44px;padding:10px 8px}.scene-photo-panel .field-note{margin:10px 0 0;font-size:10px}.photo-remove{font-size:10px;min-height:34px;margin-top:5px;color:#8b937d}.photo-remove .icon{width:13px;height:13px}.scene-image-field h3{font-size:13px;margin-bottom:12px}.editor-image-thumb{height:140px;background:#edf2e3;border:1px solid #dfe7d4;border-radius:8px;margin-bottom:12px;overflow:hidden}.editor-image-thumb img{width:100%;height:100%;object-fit:contain}.scene-image-field .upload-button{justify-content:center;margin-bottom:14px;min-height:46px}.scene-image-field .field-note{margin:0;font-size:10px}.photo-library-dialog>p{margin-bottom:20px}.photo-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.photo-library-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:8px;background:#fff;border:1px solid #dce6d1;border-radius:10px;text-align:left;gap:9px;min-width:0}.photo-library-item:hover{background:#edf3e3;border-color:#a7c18a}.photo-library-item img{height:120px;width:100%;object-fit:contain;background:#f0f4e8;border-radius:6px}.photo-library-item>span{font-size:11px;line-height:1.6;overflow-wrap:anywhere}
@media(min-width:651px) and (max-width:1050px){.scenario-section>.scene-list{grid-row:2 / span 2}.scenario-section>.scene-photo-panel{grid-column:2;grid-row:2;margin-top:0}.scenario-section>.launch-panel{grid-row:3;margin-top:15px}}
@media(max-width:650px){.scene-photo-panel{padding:15px;margin-top:16px}.photo-panel-heading h3{font-size:14px}.scene-photo-actions .primary,.scene-photo-actions .secondary{font-size:12px;min-height:46px}.scene-photo-panel .field-note{font-size:11px}.scene-photo-summary>p{font-size:12px}.scene-image-field .upload-button{font-size:13px}.photo-library-grid{grid-template-columns:1fr 1fr}.photo-library-item img{height:110px}}

/* Quick stop stays available on every parent page, including while scrolling. */
.topbar{position:sticky;top:0;z-index:6}
.quick-unlock{flex-shrink:0;min-height:44px;padding:9px 14px;border:1px solid #d89c81;border-radius:10px;background:#fff0e6;color:#8c3e21;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 2px 0 #b9653320}
.quick-unlock .icon{width:18px;height:18px}.quick-unlock:hover:not(:disabled){background:#ffe1ce;border-color:#b96842}
.quick-unlock:disabled{cursor:default;opacity:.5;box-shadow:none}
@media(max-width:650px){.topbar{flex-wrap:wrap;padding-block:10px;gap:8px}.topbar .device-control{order:1}.topbar .avatar{order:2}.quick-unlock{order:3;width:100%;min-height:44px;font-size:13px;flex-basis:100%}}

/* Keep the selected 4:3 frame identical in every parent preview. */
.scene-photo-thumb{height:auto;aspect-ratio:4/3}.editor-image-thumb{height:auto;aspect-ratio:4/3;max-width:320px;margin-inline:auto}.photo-library-item img{height:auto;aspect-ratio:4/3}
.photo-cropper{width:940px;max-width:calc(100vw - 24px);max-height:94vh;padding:22px;overflow:auto}.crop-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:16px}.crop-heading h2{font-size:24px;margin:0 0 7px}.crop-heading p{font-size:12px}.crop-viewport{height:clamp(280px,49vh,510px);background:#292e29;overflow:hidden;border-radius:7px;touch-action:none}.crop-source{display:block;max-width:100%}.crop-viewport:focus-visible{outline:3px solid #97b96c;outline-offset:3px}.crop-viewport .cropper-view-box{outline:2px solid #d6edb4;outline-color:#d6edb4}.crop-viewport .cropper-line{background-color:#d6edb4}.crop-viewport .cropper-point{background-color:#fff;border:2px solid #426c43;width:10px;height:10px;opacity:1}.crop-viewport .cropper-point.point-se{width:12px;height:12px;opacity:1}.crop-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:15px}.crop-zoom-tools{max-width:600px;flex:1}.crop-zoom-label{margin:0 0 7px}.crop-tools{display:flex;align-items:center;gap:9px}.crop-tools>.secondary{width:38px;min-height:34px;height:34px;padding:3px;font-size:20px}.crop-tools .text-button{font-size:11px;margin-left:5px}.crop-tools>span{font-size:10px;color:#8c9b80;margin-left:auto}.crop-result{flex-shrink:0;display:grid;gap:5px}.crop-result>span{font-size:10px;color:#81916f}.crop-result-preview{width:112px;height:84px;overflow:hidden;border:1px solid #cddbbf;border-radius:5px;background:#e9efdf}.crop-result-preview img{max-width:none!important;max-height:none!important}.crop-screen-details{margin-top:14px;border-top:1px solid #e0e7d8;padding-top:12px}.crop-screen-details>summary{cursor:pointer;font-size:12px;font-weight:600;color:#59764b;min-height:36px}.crop-screen-window{position:relative;aspect-ratio:16/10;width:100%;max-width:640px;margin:8px auto 0;overflow:hidden;border:1px solid #d7e2ca;border-radius:7px;background:#eaf0df}.crop-screen-window iframe{position:absolute;inset:0;width:960px;height:600px;border:0;transform-origin:0 0;pointer-events:none}.crop-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:15px;margin-top:15px;border-top:1px solid #dce5d2}.crop-footer .primary{min-width:180px}.crop-heading .crop-cancel{flex-shrink:0}.crop-error{font-size:12px;color:#a45346;margin:12px 0}
@media(max-width:650px){.photo-cropper{padding:17px 13px;max-width:calc(100vw - 12px);max-height:96vh}.crop-heading h2{font-size:22px}.crop-heading p{font-size:11px}.crop-viewport{height:clamp(230px,43vh,430px)}.crop-controls{gap:14px}.crop-result-preview{width:88px;height:66px}.crop-tools{gap:5px}.crop-tools>span{display:none}.crop-tools .text-button{margin-left:0;font-size:10px}.crop-footer{position:sticky;bottom:-18px;background:#fafbf6;padding:12px 0 3px;z-index:5}.crop-footer .primary{min-width:0;flex:1}.crop-viewport .cropper-point{width:13px;height:13px}.crop-viewport .cropper-point.point-se{width:18px;height:18px}}
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }

@media (min-width: 768px) {

.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {

.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {

.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }
    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}