@font-face{font-family:StudioDisplay;src:url('display.ttf')}@font-face{font-family:StudioBody;src:url('body.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f1eb;color:#242724;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ce8552;outline-offset:3px}.sidebar{width:224px;background:#171b19;color:#f6f4ed;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:31px 18px;z-index:20}.wordmark{display:flex;gap:11px;font-size:16px;font-weight:700;letter-spacing:1.6px;line-height:1.1;padding:0 10px}.wordmark b{color:#f5ba80}.brand-icon{font-size:45px;color:#f5ba80;font-weight:400;line-height:.8}.workspace-label{font-size:9px;letter-spacing:1.4px;color:#929d93;margin:44px 10px 15px}.nav{display:flex;align-items:center;gap:11px;padding:13px 12px;border-radius:7px;font-size:12px;margin:5px 0;color:#aeb8b0}.nav span{font-size:20px;line-height:1}.nav:hover{background:#242c27;color:white}.nav.active{background:#35392f;color:#f8d4ac}.sidebar-bottom{margin-top:auto;font-size:11px;padding:20px 10px 0;border-top:1px solid #354035;color:#b4bdb5}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c4cb9b;margin-right:5px}.plain{background:none;border:0;color:#f4d4b1;display:block;padding:9px 0;font-size:11px}.shell{margin-left:224px}header{height:78px;border-bottom:1px solid #deded5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 36px}.breadcrumb{font-size:10px;letter-spacing:1.3px;color:#777d72}.breadcrumb span{margin:0 13px;color:#c1bdb1}.breadcrumb b{color:#41473e;font-weight:400}.header-actions{display:flex;align-items:center;gap:15px}.badge{font-size:10px;color:#767b71;padding:6px 10px;border:1px solid #d9dcd1;border-radius:20px}.button{border:1px solid transparent;background:#242d26;color:white;border-radius:7px;padding:13px 17px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;transition:background .15s}.button:hover:not(:disabled){background:#3b473d}.button.primary{background:#2e493b;color:#fff}.button.primary:hover:not(:disabled){background:#3b5a49}.button.secondary{border-color:#d8dbd0;background:#fafbf6;color:#384539}.button.secondary:hover{background:#f1f1e8}.button.small{font-size:11px;padding:8px 13px;min-height:38px}.button.full{width:100%;justify-content:space-between;margin-top:14px}.button.full span{margin-left:auto}main{padding:30px 36px 0;max-width:1800px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 30px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#848471;margin:0 0 10px}h1{font-family:StudioDisplay,Arial,sans-serif;font-size:45px;font-weight:400;line-height:1.08;margin:0 0 12px;letter-spacing:-.6px}h2{font-size:15px;letter-spacing:-.2px;margin:0;font-weight:600}h3{font-size:14px;margin:18px 0 10px}.intro{font-size:12px;color:#777e72;margin:0}.format-tag{font-size:9px;letter-spacing:1px;color:#888a7c;text-align:right;line-height:1.7}.format-tag b{font-size:10px;color:#3d483c}.workspace-grid{display:grid;grid-template-columns:minmax(320px,.87fr) minmax(0,1.4fr);gap:22px;align-items:start}.panel{background:#fdfdf8;border:1px solid #dedfd4;border-radius:12px;padding:23px;box-shadow:0 3px 8px #24271903}.section-title{display:flex;gap:12px;align-items:center;margin-bottom:22px}.section-title p{font-size:11px;color:#858a7c;margin:3px 0 0}.step{font-family:StudioDisplay;font-size:22px;color:#abac99;border:1px solid #dedfd1;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-title .icon-button{margin-left:auto}label,legend{font-size:11px;font-weight:600;display:block;margin:15px 0 8px;color:#475040}input:not([type=checkbox]):not([type=radio]),textarea,select{border:1px solid #d9ddd0;border-radius:7px;background:#fffefa;color:#2c3629;padding:12px;width:100%;outline-color:#6b8063;font-size:12px}textarea{resize:vertical;min-height:80px;line-height:1.6}textarea::placeholder,input::placeholder{color:#9a9e91}fieldset{border:0;margin:18px 0;padding:0;min-width:0}legend{padding:0;margin:0 0 5px}.field-help{font-size:10px;color:#8a8f81;line-height:1.6;margin:7px 0 12px}.platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.platform{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:43px;padding:8px 5px;margin:0;cursor:pointer;border:1px solid #dde0d6;background:#f9faf5;border-radius:6px;font-size:10px;text-align:center}.platform input{position:absolute;opacity:0;width:1px;height:1px}.platform:has(input:checked){background:#e9eedf;border-color:#81916c;color:#30492b;box-shadow:0 0 0 1px #81916c}.platform:has(input:focus-visible){outline:3px solid #ce8552;outline-offset:2px}.platform.custom{grid-column:1/-1;justify-content:flex-start;padding:11px 12px}.platform.custom span{margin-left:auto;font-size:9px;font-weight:400}.platform-name{font-weight:700}.optional{font-size:9px;font-weight:400;color:#969b8b;margin-left:7px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check-row{display:flex;align-items:center;gap:8px;font-weight:400}.check-row input{accent-color:#416044;width:15px;height:15px}.centered{text-align:center}.right-column{display:grid;gap:20px}.preview-panel{overflow:hidden}.preview{background:#191f1c;min-height:245px;border-radius:7px;color:#e0e7da;overflow:auto;position:relative;display:flex;align-items:center;scrollbar-width:thin;scrollbar-color:#748070 #191f1c}.preview.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px 12px;text-align:center;min-height:272px;background:radial-gradient(ellipse at 50% 90%,#303c2e,#191f1c 72%)}.empty-art{display:flex;align-items:center;height:75px;gap:5px;margin:3px 0 14px}.empty-art i{width:34px;height:48px;border:1px solid #c6c8a04a;background:#b5bd9910;transform:rotate(-9deg)}.empty-art i:nth-child(2){height:65px;transform:rotate(-4deg);background:#b5bd9920}.empty-art i:nth-child(3){height:65px;transform:rotate(4deg);border-color:#e1c69f6e;background:#e1c69f12}.empty-art i:nth-child(4){transform:rotate(9deg)}.preview h3{font-size:15px;font-weight:400;margin:0 0 7px;color:#e0e3d4}.preview p{color:#959d8d;font-size:11px;margin:0}.fresco-track{display:flex;align-items:stretch;width:100%;gap:0;min-height:0}.fresco-track figure{margin:0;position:relative;flex:1;min-width:0}.fresco-track img,.fresco-track video{width:100%;height:auto;display:block;aspect-ratio:4/5;object-fit:cover}.fresco-track figcaption{position:absolute;bottom:6px;left:7px;font-size:9px;background:#0009;color:#fff;padding:2px 5px;border-radius:3px}.preview.zoomed .fresco-track{width:max-content}.preview.zoomed figure{min-width:250px;width:250px;flex:none}.preview-controls{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.icon-button{border:1px solid #dedfd4;background:transparent;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:19px;color:#636e5c}.instagram-symbol{margin-left:auto;font-size:30px;color:#b0b49f}.account-row{display:flex;gap:11px;align-items:center;padding:13px;background:#f4f5ed;border:1px solid #e2e4d8;border-radius:7px;margin:12px 0 19px}.account-row p{font-size:10px;color:#8a907d;margin:2px 0}.account-row strong{font-size:11px;font-weight:600}.account-row .button{margin-left:auto}.avatar{width:34px;height:34px;border-radius:50%;background:#ded9c4;display:flex;align-items:center;justify-content:center;color:#645b3e;font-family:StudioDisplay;font-size:23px}.caption-meta{display:flex;justify-content:space-between;font-size:9px;color:#969a88;gap:12px;margin:5px 0}.job-status{margin-bottom:14px;font-size:11px}.job-status>div{display:flex;justify-content:space-between;gap:10px}progress{height:5px;width:100%;accent-color:#798b5d;border:0;display:block;margin-top:10px}progress::-webkit-progress-bar{background:#e6e8dc;border-radius:3px}progress::-webkit-progress-value{background:#798b5d;border-radius:3px}.notice{padding:13px;border:1px solid #dfd6bd;background:#f5f0df;color:#786844;border-radius:7px;font-size:11px;margin:14px 0}.notice.error{border-color:#e7c3b8;background:#f9eee9;color:#9a4d36}.job-actions{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}.plan-panel{margin-top:22px}.plan-panel .section-title .button:first-of-type{margin-left:auto}.plan-slides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.plan-slide{border:1px solid #dfe2d5;padding:16px;border-radius:8px;background:#fafbf5}.plan-slide h3{font-size:12px;margin:0;color:#818b71}.plan-slide textarea{font-size:12px;min-height:60px}.plan-slide .body-editor{min-height:145px}.plan-slide a{display:block;color:#657453;font-size:10px;word-break:break-word;margin:5px 0;text-decoration:underline}.plan-slide input[type=file]{padding:8px;font-size:10px}.project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{text-align:left;display:block;cursor:pointer;min-height:150px}.project-card:hover{border-color:#93a17a}.project-card h2{font-family:StudioDisplay;font-size:28px;line-height:1.15;margin:10px 0}.project-card p{font-size:11px;color:#818976}.project-status{font-size:9px;letter-spacing:.6px;color:#7a8665}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}.text-link{color:#5a7655;display:block;font-size:10px;text-decoration:underline;margin:8px 0 16px}.key-row,.budget-row{border:1px solid #e1e4d7;border-radius:7px;padding:12px;margin:10px 0;font-size:11px}.key-row{display:flex;justify-content:space-between;gap:12px}.key-row span{font-size:10px;color:#838c77}.budget-row progress{margin:9px 0}.budget-row summary{cursor:pointer;font-size:10px}.budget-edit{margin-top:12px}.budget-edit input{max-width:110px}.budget-heading{display:flex;justify-content:space-between;gap:10px}.budget-heading strong{word-break:break-word}.budget-row .form-pair{margin:5px 0}footer{padding:33px 0 22px;color:#9c9f8e;font-size:9px;letter-spacing:1px}footer span{margin:0 10px}dialog{border:1px solid #d8ddce;border-radius:14px;padding:30px;width:min(440px,calc(100vw - 30px));background:#fdfdf7;color:#2c3629}dialog::backdrop{background:#0c1813a8;backdrop-filter:blur(4px)}dialog h2{font-family:StudioDisplay;font-size:34px}.dialog-close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:27px;color:#808875}#auth-error{color:#a05540}#toast{position:fixed;bottom:25px;right:25px;max-width:min(470px,calc(100vw - 40px));background:#283b2e;color:#f9f9ed;padding:15px 20px;border-radius:9px;box-shadow:0 5px 30px #0003;z-index:100;font-size:12px}
@media(min-width:1600px){main{padding-top:40px}.workspace-grid{grid-template-columns:minmax(360px,.8fr) minmax(0,1.5fr)}.preview.empty{min-height:330px}.panel{padding:28px}h1{font-size:52px}}
@media(max-width:1150px){.sidebar{width:190px;padding:28px 12px}.shell{margin-left:190px}header{padding:0 24px}main{padding:25px 24px 0}.workspace-grid{grid-template-columns:minmax(290px,.9fr) minmax(0,1.1fr);gap:15px}.panel{padding:18px}.section-title{gap:9px}h2{font-size:14px}.badge{display:none}.platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-slides{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-controls{flex-direction:column}.plan-panel .section-title{flex-wrap:wrap}.project-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.sidebar{position:sticky;top:0;inset:auto;width:100%;height:65px;padding:10px 18px;flex-direction:row;align-items:center;border-bottom:1px solid #434c3b}.wordmark{font-size:10px;padding:0;letter-spacing:1px;gap:7px}.brand-icon{font-size:30px}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-left:auto;gap:5px}.nav{font-size:0;padding:10px 12px;margin:0}.nav span{font-size:23px}.shell{margin-left:0}header{height:58px;padding:0 18px}.breadcrumb{font-size:9px}.breadcrumb span{margin:0 7px}.header-actions .button{font-size:10px;padding:8px 10px;min-height:35px}main{padding:23px 18px 0}.page-heading{margin-bottom:22px}h1{font-size:39px}.intro{font-size:11px}.format-tag{display:none}.workspace-grid{grid-template-columns:1fr;gap:18px}.panel{padding:21px}.platforms{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-controls{flex-direction:row}.settings-grid{grid-template-columns:1fr}.preview.empty{min-height:250px}.plan-slides{grid-template-columns:1fr}.plan-panel .section-title .button:first-of-type{margin-left:0}.plan-panel .section-title{align-items:flex-start}.project-list{grid-template-columns:1fr}.preview:not(.empty) .fresco-track figure{min-width:145px}.preview:not(.empty) .fresco-track{width:max-content}.preview.zoomed .fresco-track figure{min-width:270px}.caption-meta{flex-direction:column}.publish-panel .section-title p{font-size:10px}.account-row .button{font-size:10px;padding:8px}footer{font-size:8px}}
.tool-tabs{display:flex;align-items:stretch;height:100%;gap:27px;font-size:12px;color:#7d8678}.tool-tabs a{display:flex;align-items:center;gap:7px;border-bottom:2px solid transparent;padding:0 3px}.tool-tabs a.active{border-bottom-color:#354f3e;color:#2e493b;font-weight:700}.tool-tabs span{font-size:19px}.brand-icon{display:flex;align-items:center;justify-content:center;font-family:StudioDisplay;color:#171b19;background:#f5ba80;width:36px;height:42px;font-size:35px;border-radius:5px}.wordmark{font-size:13px;letter-spacing:1.1px;align-items:center}.tool-card{display:flex;flex-direction:column;justify-content:space-between;max-width:540px;min-height:330px;background:linear-gradient(135deg,#fcfdf5,#ecefdf);padding:30px;margin-top:35px;border-color:#d9dfcb}.tool-card:hover{border-color:#889875}.tool-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.tool-card-icon{font-size:36px;color:#6f8356}.tool-card h2{font-family:StudioDisplay;font-size:37px;margin:8px 0}.tool-card p:not(.eyebrow){font-size:13px;color:#7b866e;max-width:390px;line-height:1.7}.tool-card-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#345038;border-top:1px solid #d4dcc6;padding-top:18px;margin-top:24px}.tool-card-link b{font-size:21px}.hub-note{margin-top:25px}
@media(max-width:850px){.wordmark{font-size:10px}.brand-icon{width:27px;height:32px;font-size:28px}.tool-tabs{gap:17px;font-size:11px}.tool-card{padding:25px;min-height:320px}.tool-card h2{font-size:34px}.sidebar nav[hidden]{display:none}.wordmark{min-width:140px}.sidebar .wordmark:after{content:'STUDIO PERSONNEL';position:absolute;right:22px;font-family:Arial;font-size:8px;color:#a3ac96;letter-spacing:1.3px}.sidebar:has(nav:not([hidden])) .wordmark:after{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.remote-panel{margin-top:25px}.remote-panel .section-title .button{margin-left:auto}.remote-screen{background:#171b19;border:1px solid #d6ddca;border-radius:8px;overflow:hidden;min-height:100px}.remote-screen img{display:block;width:100%;height:auto;cursor:crosshair}.remote-input>div{display:flex;gap:10px}.remote-input>div input{flex:1;min-width:0}.remote-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.remote-review{padding:14px;border:1px solid #d3dcc6;background:#f1f5e7;border-radius:7px;margin-bottom:15px;font-size:12px}.remote-review strong{display:block}.remote-panel{scroll-margin-top:85px}@media(max-width:850px){.remote-panel .section-title{flex-wrap:wrap}.remote-panel .section-title .button{margin-left:0}.remote-toolbar .button{min-height:44px}}

/* Remote session stays within the viewport, with its controls always reachable. */
.remote-panel:not([hidden]){position:fixed;inset:14px;z-index:1000;margin:0!important;overflow:auto;padding:18px!important;box-shadow:0 0 0 100vmax #1119;scroll-margin:0;background:#fafbf5}
.remote-panel .section-title{position:sticky;top:-18px;z-index:2;background:#fafbf5;padding:12px 0;display:flex;gap:12px;align-items:center}
.remote-panel .remote-screen{display:flex;justify-content:center;align-items:center;min-height:0;height:min(56vh,640px);background:#202420}
.remote-panel .remote-screen img{width:100%;height:100%;object-fit:contain;cursor:pointer;outline:none;touch-action:manipulation}
.remote-panel .remote-screen img:focus{outline:3px solid #dcb37b;outline-offset:-3px}
.remote-panel .remote-input{margin-top:12px}.remote-panel .remote-toolbar{margin-top:8px}
.remote-panel #instagram-browser-status{margin:8px 0;padding:8px 12px}.remote-panel .field-help{margin:6px 0}
@media(max-width:650px){.remote-panel:not([hidden]){inset:5px;padding:10px!important}.remote-panel .remote-screen{height:48vh}.remote-panel .section-title{top:-10px}.remote-panel .section-title h2{font-size:17px}}