/* Camera connection is independent of the server connection. */
.home-camera{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e9dfcc;border-radius:16px;padding:13px 14px;margin-bottom:16px}.home-camera>div{flex:1;min-width:0}.home-camera strong{display:block;font-size:13px;color:#181818}.home-camera small{display:block;font-size:11px;color:#777;margin-top:4px;overflow-wrap:anywhere}.camera-light{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:#969696;box-shadow:0 0 0 4px #f1f1f1}.home-camera[data-state=connected] .camera-light{background:#27854c;box-shadow:0 0 0 4px #e8f4eb}.home-camera[data-state=connecting] .camera-light,.home-camera[data-state=detected] .camera-light{background:#c79029;box-shadow:0 0 0 4px #fbf2df}.home-camera button{padding:9px 11px;font-size:11px;border-radius:10px}.settings-intro{margin-bottom:18px}.settings-intro small{color:#a87724;letter-spacing:2px;font-size:10px}.settings-intro h2{margin:9px 0;font-size:27px}.settings-intro p{color:#777;font-size:13px}.settings-summary{display:flex;align-items:center;gap:16px;background:linear-gradient(115deg,#fff5df,#fff)!important}.settings-summary h2{margin:0;font-size:23px}.settings-summary p{font-size:12px;color:#777}.profile-avatar{display:grid;place-items:center;background:#c79029;color:white;width:54px;height:54px;border-radius:18px;font-size:30px}.preference-row{display:flex!important;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #eee;padding:16px 0;margin:0!important;font-size:14px}.preference-row span{flex:1;min-width:0}.preference-row small{display:block;font-size:11px;line-height:1.6;color:#777;font-weight:400;margin-top:5px}.preference-row input[type=checkbox]{flex-shrink:0;width:20px;height:20px;margin:0;accent-color:#c79029}.preference-row select{width:112px;font-size:12px;padding:9px}.preference-row b{font-size:11px;color:#a87724}.transfer-preferences p{font-size:12px}#settings>article{margin-bottom:16px}#cacheDialog{max-width:420px;border:0;border-radius:20px;padding:25px}#cacheDialog p{font-size:13px;line-height:1.7}#cacheDialog::backdrop{background:#0008}@media(max-width:700px){#settings>article{padding:20px;border-radius:20px}#settings .settings-summary{padding:20px}.settings-intro{padding:0 4px}#settings .partner-panel h2{font-size:22px}}

.settings-mode main>header{display:none}.preference-row small{letter-spacing:0}.home-camera small{letter-spacing:0}

.album-card{padding:11px;align-items:flex-start;gap:6px}.album-open{display:flex;align-items:center;gap:15px;flex:1;min-width:0;border:0;background:transparent;color:#191919;padding:0;text-align:left;font-weight:400}.album-left{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.album-cover img{width:90%;height:80%;object-fit:contain}.album-photo-count{font-size:11px;letter-spacing:0;color:#595959}.album-more{background:transparent;color:#222;padding:3px 12px;font-size:27px;border-radius:8px}.album-manage-dialog{max-width:420px;width:calc(100% - 32px);border:0;border-radius:20px;padding:24px}.album-manage-dialog::backdrop{background:#0008}.album-manage-dialog h2{overflow-wrap:anywhere}.album-manage-dialog p{font-size:13px}.album-manage-dialog .danger{background:#a32e21;color:white}
:root{font-family:'DM Sans',sans-serif;color:#202c25;background:#f3f5ef;--green:#254d3b;--lime:#d9ef98}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{background:var(--green);color:white;padding:12px 18px;border:0;border-radius:9px;cursor:pointer;font-weight:600;display:inline-block}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e9eee6;color:#254d3b}button:hover,.button:hover{filter:brightness(1.1)}button:focus-visible,a:focus-visible{outline:3px solid #94b24a}aside{position:fixed;width:240px;height:100vh;background:#101d16;color:#d7e3d9;padding:35px 22px;display:flex;flex-direction:column}.brand{color:#e9f2df;text-decoration:none;font-size:28px;display:flex;gap:12px;align-items:center}.brand span{font-weight:800;font-size:18px;letter-spacing:1px}.brand small{display:block;font-size:8px;margin-top:5px;letter-spacing:2px}nav{margin-top:55px;display:grid;gap:8px}nav button{text-align:left;color:#b5c4b7;background:transparent;font-size:13px}nav button.active{background:#d9ef98;color:#17261b}.aside-bottom{margin-top:auto;font-size:11px;color:#a2b5a5}.aside-bottom p{font:600 20px/1.6 Manrope,sans-serif;color:#e6efdf}.dot{display:inline-block;width:7px;height:7px;background:#d9ef98;border-radius:50%;margin-right:5px}main{margin-left:240px;padding:36px 42px;max-width:1900px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}small{letter-spacing:1.3px;font-size:10px;font-weight:700;color:#6b7e6c}h1{font:800 30px Manrope,sans-serif;letter-spacing:-1px;margin:10px 0}h2{font:700 19px Manrope,sans-serif;margin:10px 0 18px}p{font-size:14px;line-height:1.7;color:#6b796e}article{background:#fff;border:1px solid #e2e7df;border-radius:16px;padding:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stats strong{display:block;font:700 35px Manrope,sans-serif;margin-top:12px}.stats strong.small{font-size:16px}.workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:24px}.sectionhead,.row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.badge{font-size:11px;padding:7px 12px;background:#eef3e9;border-radius:20px}.photo-stage{min-height:340px;background:#edf0e8;border-radius:10px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:12px 0 20px;position:relative}.photo-stage img,.photo-stage canvas{max-width:100%;max-height:65vh;object-fit:contain}.empty{text-align:center;color:#70836c;padding:40px}.empty>h2{color:#354a36}.empty:first-letter{font-size:40px}label{display:block;font-size:12px;font-weight:600;margin:18px 0}input:not([type=checkbox]):not([type=range]),select{width:100%;border:1px solid #dce3d8;border-radius:8px;padding:12px;background:#fafcf8;color:#283d2b;margin-top:7px}input[type=range]{width:100%;accent-color:var(--green)}.row>input{flex:1;min-width:120px}.row>label{margin:0}.callout{background:#f0f5e9;padding:20px;border-left:3px solid #aac573;font-size:13px;line-height:2.4;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.card{padding:12px}.card img{width:100%;height:190px;object-fit:cover;border-radius:8px}.card .row{font-size:11px}.card button{padding:7px 12px}.card label{margin:10px 0}.tabs{display:flex;flex-wrap:wrap;gap:5px}.tabs button{padding:8px;font-size:11px;background:#eef2e9;color:#254d3b}.tabs button.active{background:#254d3b;color:white}#notice{padding:12px 16px;border-radius:8px;background:#e3ecd4;margin-bottom:20px;display:none;white-space:pre-wrap}#notice.error{background:#ffe8dd;color:#883820}#screen:fullscreen{padding:24px;background:#0d1812}#screen:fullscreen article{height:100%;background:#0d1812;color:white}#screen:fullscreen .photo-stage{height:65vh;background:#0d1812}#qr,#shareQR{width:160px;height:160px;background:white;border:8px solid white}dialog{border:0;border-radius:16px;padding:30px;max-width:90vw}dialog a{word-break:break-all}a{color:#356b4a}hr{border:0;border-top:1px solid #e1e7dc;margin:24px 0}[hidden]{display:none!important}canvas{touch-action:pan-y}.muted{font-size:12px}body.public aside,body.public header{display:none}body.public main{margin:0;max-width:1400px;margin:auto}#settings article{max-width:720px}
@media(max-width:1000px){aside{width:200px;padding:25px 14px}main{margin-left:200px;padding:25px}.workspace{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}h1{font-size:24px}}
@media(max-width:650px){aside{position:relative;width:auto;height:auto;padding:18px}.brand{font-size:20px}nav{display:flex;overflow:auto;margin-top:16px;gap:4px}nav button{white-space:nowrap;padding:10px;font-size:11px}.aside-bottom{display:none}main{margin-left:0;padding:18px}header{align-items:flex-start;gap:12px}header button{font-size:11px;padding:10px}h1{font-size:23px}.stats{gap:10px}.stats article{padding:16px}.stats strong{font-size:28px}article{padding:18px}.photo-stage{min-height:240px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card img{height:150px}.editor .row button{font-size:11px;padding:10px}}

.form-status{display:none;padding:12px;border-radius:8px;background:#e3ecd4;overflow-wrap:anywhere}.form-status.error{background:#ffe8dd;color:#883820}button[aria-busy=true]{cursor:wait}
/* OneMedia mobile photographer workspace */
:root{--green:#124b40;--lime:#c9f06b;background:#f5f6f8}article{box-shadow:0 3px 18px #142d2010;border-color:#e7eaea}.partner-panel{padding:20px;background:#eef6f1;border-radius:16px}.partner-panel .secondary{margin-top:10px}.brand img{flex-shrink:0}
@media(max-width:650px){body{background:#f5f6f8}aside{background:white;color:#163c30;padding:16px 20px;border-bottom:1px solid #e5e9e7;position:sticky;top:0;z-index:20}.brand{color:#143d32}.brand span{font-size:17px}.brand small{font-size:8px;color:#7c8b84}nav{position:fixed;bottom:0;left:0;right:0;margin:0;background:#fff;border-top:1px solid #e0e7e2;display:grid;grid-template-columns:repeat(5,1fr);padding:9px 4px 12px;box-shadow:0 -4px 20px #1435230c;z-index:30;overflow:visible}nav button{white-space:normal;text-align:center;padding:9px 3px;line-height:1.5;font-size:10px;border-radius:10px;color:#77837c}nav button.active{background:#eaf5e9;color:#174c37}main{padding:20px 16px 100px}header{margin-bottom:18px}header small{font-size:9px}h1{font-size:23px;line-height:1.3;letter-spacing:-.6px}header button{border-radius:22px;padding:11px 13px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.stats article{padding:12px 7px;border-radius:12px}.stats small{font-size:7px;letter-spacing:.5px}.stats strong{font-size:24px;margin-top:8px}.stats strong.small{font-size:10px;line-height:1.5}.workspace{gap:16px}article{border-radius:18px;padding:18px}.photo-stage{min-height:300px;background:#e9eeec;border-radius:12px}.sectionhead h2{font-size:17px}.badge{font-size:10px}.callout{border:0;border-radius:12px}.tabs{position:sticky;top:83px;background:white;padding:8px 0;z-index:5}.tabs button{border-radius:20px;padding:10px 12px}#settings input,#settings select{background:white}.form-status{font-size:12px}#screen:fullscreen{padding-bottom:80px}}
.album-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.partner-banner{display:flex;align-items:center;gap:18px;padding:24px;background:linear-gradient(120deg,#edf6ef,#e3f0df);border:1px solid #dceadc;border-radius:16px;margin-bottom:22px;text-align:center}.banner-mark{font-size:44px;color:#235842}.partner-banner>div{flex:1}.partner-banner strong{font-size:19px}.partner-banner p{margin:8px 0;font-size:13px}.partner-banner button{background:transparent;color:#235842;padding:5px}.album-actions{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:12px;margin-bottom:24px}.album-actions button{border-radius:16px;min-height:105px;font-size:16px}.album-actions b{display:block;font-size:30px;font-weight:400;margin-bottom:5px}.album-card{display:flex;width:100%;gap:18px;align-items:center;text-align:left;background:white;color:#1e3028;padding:14px;margin-bottom:14px;border:1px solid #e4e9e6;border-radius:17px;font-weight:400}.album-cover{display:grid;place-items:center;width:92px;height:100px;flex-shrink:0;background:#eef3ef;border-radius:12px;color:#245b44;font-size:35px}.album-copy{display:flex;flex-direction:column;gap:11px;flex:1;min-width:0}.album-copy strong{font-size:17px;overflow-wrap:anywhere}.album-copy small{font-size:11px;letter-spacing:0;color:#829087}.album-copy em{font-size:10px;font-style:normal;align-self:start;background:#edf6ef;color:#306349;padding:5px 8px;border-radius:5px}.album-home main>header{display:none}.album-home #notice{margin-top:15px}
@media(max-width:650px){aside{position:relative;padding:23px 20px 18px}main{padding-top:4px}nav{grid-template-columns:repeat(5,1fr)}nav [data-view=capture]{display:none}.album-toolbar{display:none}.partner-banner{padding:18px 12px;gap:8px;margin-top:6px}.partner-banner strong{font-size:16px}.partner-banner p{font-size:11px}.banner-mark{font-size:32px}.album-actions{gap:9px}.album-actions button{font-size:15px;min-height:94px}.album-cover{width:83px;height:91px}.album-copy strong{font-size:15px}.album-card{gap:15px;padding:11px}.brand span{font-size:22px}.brand small{font-size:8px}}
/* OneMedia orange / white / black identity */
:root{--green:#eb680d;--lime:#ffead8;background:#fafafa;color:#171717}button,.button{background:#eb680d;color:#fff}.secondary{background:#fff0e4;color:#9a3c00}.brand,.brand small{color:#191919}aside{background:#171717}.brand{color:#fff}nav button.active{background:#ffead8;color:#b74400}.badge,.callout{background:#fff0e4;color:#a04108}.partner-panel{background:#fff3e8}.partner-banner{background:linear-gradient(120deg,#fff5eb,#ffdfbd);border-color:#ffdfbd}.partner-banner strong{color:#171717}.partner-banner button,.banner-mark{color:#cf5707}.album-cover{background:#fff0e4;color:#dc5c07}.album-copy em{background:#fff0e4;color:#a44105}a{color:#c44d00}.form-status,#notice{background:#fff0df;color:#713500}.form-status.error,#notice.error{background:#ffe6df;color:#9a2d15}.tabs button.active{background:#eb680d}.tabs button{background:#fff0e4;color:#a44105}.album-actions{gap:10px}.album-actions button{min-height:72px;font-size:14px;border-radius:12px;padding:10px}.album-actions b{font-size:23px;margin-bottom:3px}.album-card{color:#191919;background:white}.album-toolbar .secondary{color:#c85309}
@media(max-width:650px){body{background:#fafafa}aside{background:white}.brand,.brand small{color:#171717}nav{background:white}nav button{background:transparent;color:#686868}nav button.active{background:#fff0e4;color:#d35408}.album-actions{grid-template-columns:1.25fr 1fr 1fr;gap:9px;margin-bottom:20px}.album-actions button{min-height:68px;font-size:13px;padding:9px 5px;border-radius:12px}.album-actions b{font-size:23px;margin-bottom:2px}.partner-banner{padding:15px 12px;border-radius:14px}.partner-banner strong{font-size:15px}.partner-banner p{font-size:11px;line-height:1.5}.partner-banner button{font-size:12px}.stats strong{color:#e25d0a}.photo-stage{background:#f1efed}.tabs{background:white}.album-copy strong{color:#171717}}
/* OneMedia logo palette: ochre gold, white, black and grey */
:root{--green:#c78f29;--lime:#fff2d8;color:#181818;background:#fafafa}button,.button{background:#c78f29;color:#16120b}.secondary{background:#f7efdF;color:#6c4b12}a{color:#825a13}.brand small{color:#919191}.partner-banner{background:linear-gradient(120deg,#fffaf0,#f5e6c6);border-color:#eeddb6}.partner-banner button,.banner-mark{color:#936615}.partner-panel,.badge,.callout,.album-copy em,.album-cover,.tabs button{background:#faf1df;color:#795317}.album-copy strong,.partner-banner strong{color:#181818}.tabs button.active{background:#c78f29;color:#17120b}.form-status,#notice{background:#faf1df;color:#735019}.form-status.error,#notice.error{background:#ffe6df;color:#9a2d15}.album-toolbar .secondary{color:#825a13}input[type=range]{accent-color:#c78f29}
@media(max-width:650px){nav button{background:transparent;color:#777}nav button.active{background:#faf0d9;color:#896018}.stats strong{color:#ad781a}.brand,.brand small{color:#181818}.brand small{color:#929292}.album-actions .secondary{background:#f7f1e7;color:#483a20}}
.editor-sourcebar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.editor-sourcebar label{margin:0;font-size:12px}.editor-sourcebar button{font-size:12px}#develop .photo-stage{display:grid;place-items:center;min-width:0;background:#181818;min-height:280px}#develop #canvas{grid-area:1/1;max-width:100%;max-height:48vh;width:auto;height:auto;object-fit:contain}#editorEmpty{grid-area:1/1;max-width:240px;text-align:center;padding:20px;color:#c4c4c4}#cameraToast{position:fixed;top:12px;left:16px;right:16px;z-index:100;background:#1c1a16;color:#f9db98;border:1px solid #c79029;border-radius:12px;padding:16px;box-shadow:0 8px 30px #0004;font-size:14px}.develop-mode header{display:none}#develop .workspace{align-items:start}#develop .editor>article:first-child{min-width:0}.editor .row{justify-content:flex-start;gap:8px}.editor .sectionhead h2{margin:0}.editor .sectionhead button{font-size:11px;padding:9px}
@media(max-width:650px){.develop-mode aside{position:relative;padding:12px 18px}.develop-mode .brand span{font-size:17px}.develop-mode main{padding-top:10px}#develop .editor{display:block}#develop .editor>article:first-child{position:sticky;top:0;z-index:12;padding:12px;background:#fff;border-radius:12px;box-shadow:0 3px 15px #0002}#develop .photo-stage{height:30vh;min-height:180px;margin:10px 0}#develop #canvas{max-height:30vh;max-width:100%}#develop .editor>article+article{margin-top:12px}#develop .tabs{position:relative;top:auto}.editor-sourcebar button,.editor-sourcebar .button{padding:9px 12px}.editor .row button{padding:8px 10px;font-size:10px}#controls label{margin:15px 0}#controls input[type=range]{height:30px}}
.album-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,560px);max-width:100%;max-height:85dvh;overflow-y:auto;background:#fafafa;border:0;border-radius:22px 22px 0 0;padding:22px 20px 28px;animation:sheet-enter .22s ease-out}.album-sheet::backdrop{background:#0007}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-heading h2{font-size:17px;margin:0}.sheet-heading button{padding:5px 11px;background:#eee;color:#555;font-size:22px;border-radius:50%}.album-sheet label{margin:22px 0 9px;color:#777;font-weight:400}.album-sheet textarea{display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:115px;font:inherit;font-size:15px;border:1px solid #eee;border-radius:12px;padding:14px;background:white;color:#171717;outline-color:#c78f29}.sheet-count{text-align:right;font-size:11px;color:#9a9a9a;margin-top:7px}.privacy-caption{font-size:11px;margin:18px 0 8px;color:#888}.privacy-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:12px;background:white;font-size:13px}.privacy-row small{display:inline-block;margin-left:6px;color:#999;font-size:9px;letter-spacing:0}.privacy-row input{appearance:none;width:34px;height:20px;border-radius:20px;background:#e5e5e5;position:relative;flex-shrink:0}.privacy-row input:before{content:'';display:block;width:16px;height:16px;border-radius:50%;background:white;margin:2px}.privacy-note{font-size:10px;line-height:1.5;color:#888;margin:12px 0}#sheetContinue{width:100%;margin-top:10px;padding:13px;border-radius:10px;background:#c78f29;color:#17120b}#sheetStatus{font-size:12px;color:#9a4c14;overflow-wrap:anywhere;white-space:pre-wrap}#sheetStatus:empty{display:none}@keyframes sheet-enter{from{transform:translateY(30px);opacity:.6}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.album-sheet{animation:none}}
.studio-top{display:none}.studio-modes,.studio-preset-strip,#studioPresetStrip,#studioToolStrip{display:flex;gap:8px;overflow-x:auto;padding:7px 0}.studio-modes button,#studioToolStrip button,#studioPresetStrip button{white-space:nowrap;font-size:12px;padding:10px 14px}.studio-modes button.active,#studioToolStrip button.active,#studioPresetStrip button.active{outline:1px solid #c79029;background:#c79029;color:#111}#studioToolStrip{display:none}
@media(max-width:650px){body.develop-mode{background:#090909;color:#eee}.develop-mode>aside{display:none}.develop-mode nav{display:none}.develop-mode main{margin:0;padding:0;height:100dvh;overflow:hidden}.develop-mode #notice{position:fixed;top:55px;left:10px;right:10px;z-index:45;margin:0;padding:8px;font-size:11px;max-height:70px;overflow:auto}.develop-mode #develop{height:100%;display:flex;flex-direction:column}.studio-top{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;gap:8px;background:#0b0b0b;flex-shrink:0}.studio-top button{padding:9px 10px;font-size:11px;background:#262626;color:#eee;border-radius:7px}.studio-top #studioSave{background:#c79029;color:#111}.studio-top>span{font-size:11px;font-weight:700;letter-spacing:1px}.studio-top small{font-size:8px;color:#c79029;letter-spacing:1px}.editor-sourcebar{background:#0b0b0b;padding:0 10px 7px;margin:0;gap:5px}.editor-sourcebar button,.editor-sourcebar .button{padding:5px 9px;font-size:9px;background:#222;color:#bbb}.develop-mode #develop .editor{display:flex;flex-direction:column;flex:1;min-height:0;gap:0}.develop-mode #develop .editor>article:first-child{position:relative;top:auto;flex:1;min-height:0;border:0;border-radius:0;padding:0;background:#090909;box-shadow:none;display:flex;flex-direction:column;z-index:auto}.develop-mode .editor .sectionhead{position:absolute;top:8px;left:8px;right:8px;z-index:3}.develop-mode .editor .sectionhead h2{display:none}.develop-mode .editor .sectionhead button{background:#141414ad;color:#eee;font-size:9px;padding:7px 9px}.develop-mode #develop .photo-stage{height:auto;min-height:0;flex:1;margin:0;border-radius:0;background:#090909;overflow:hidden}.develop-mode #develop #canvas{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.develop-mode #editorEmpty{color:#999}.develop-mode .editor>article:first-child>.row{background:#0e0e0e;padding:7px 12px;gap:12px;flex-shrink:0}.develop-mode .editor>article:first-child>.row button{font-size:10px;padding:6px 12px;background:#252525;color:#ddd}.develop-mode #export{display:none}.develop-mode #develop .editor>article+article{flex-shrink:0;max-height:38dvh;overflow:auto;margin:0;padding:6px 12px 14px;background:#101010;border:0;border-radius:0;box-shadow:none;color:#ddd}.develop-mode .studio-modes{justify-content:space-around;border-bottom:1px solid #282828;padding:2px 0 6px}.develop-mode .studio-modes button{background:transparent;color:#bbb;font-size:12px;padding:8px 18px;border-radius:0}.develop-mode .studio-modes button.active{color:#d9ac50;background:transparent;border-bottom:2px solid #c79029;outline:0}.develop-mode #tabs{position:static;flex-wrap:nowrap;overflow-x:auto;background:transparent;padding:5px 0}.develop-mode #tabs button{background:transparent;color:#888;font-size:10px;padding:6px 10px}.develop-mode #tabs button.active{color:#e6bf73;background:#292316}.develop-mode #studioToolStrip{display:flex;padding:3px 0 7px;gap:8px}.develop-mode #studioToolStrip button{font-size:10px;min-width:67px;background:#1c1c1c;color:#aaa;border-radius:8px;padding:10px 7px}.develop-mode #studioToolStrip button.active{color:#ecc578;background:#302716;outline:1px solid #8c692c}.develop-mode #controls>label{display:none;margin:6px 0;color:#ccc;font-size:11px}.develop-mode #controls>label.studio-selected{display:block}.develop-mode #controls>button{font-size:9px;padding:5px 9px;background:#222;color:#aaa;margin:3px 0}.develop-mode #controls input[type=range]{height:24px;margin:4px 0}.develop-mode #controls>canvas{max-height:100px;object-fit:contain}.develop-mode #develop .editor>article+article>hr{display:none}.develop-mode #develop .editor>article+article>label,.develop-mode #develop .editor>article+article>.row{display:none}.develop-mode #studioPresetStrip{display:none}.develop-mode #develop[data-studio-mode=presets] #studioPresetStrip{display:flex;padding:13px 0}.develop-mode #studioPresetStrip button{min-width:105px;height:65px;background:linear-gradient(145deg,#282019,#494236);color:#f1d7a5;border:1px solid #56452d}.develop-mode #develop[data-studio-mode=presets] #tabs,.develop-mode #develop[data-studio-mode=presets] #studioToolStrip,.develop-mode #develop[data-studio-mode=presets] #controls{display:none}.develop-mode #develop[data-studio-mode=presets] .editor>article+article>.row,.develop-mode #develop[data-studio-mode=presets] .editor>article+article>label{display:flex;font-size:10px;gap:8px;align-items:center;margin:6px 0}.develop-mode #presetName{background:#222;color:#eee;border-color:#444}.develop-mode #preset{background:#222;color:#eee;border-color:#444}.develop-mode #develop[data-studio-mode=crop] #tabs{display:none}}

.nav-icon{display:block;line-height:1}.nav-icon svg{width:25px;height:25px}.nav-label{display:block;font-size:10px;line-height:1.35}nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}#develop .workspace,#develop .editor>article{min-width:0;max-width:100%}#before{display:none!important}#canvas{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}#originalBadge{position:absolute;top:12px;left:12px;z-index:4;background:#000b;color:#fff;border:1px solid #c79029;border-radius:7px;padding:6px 9px;font-size:10px;letter-spacing:1px;pointer-events:none}.studio-modes,#tabs,#studioToolStrip,#studioPresetStrip{min-width:0;max-width:100%;width:100%;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin}.studio-modes button,#tabs button,#studioToolStrip button,#studioPresetStrip button{flex-shrink:0}#develop input,#develop select{min-width:0;max-width:100%}
@media(max-width:650px){:root{--footer-height:78px}nav{height:var(--footer-height);padding:6px 4px;align-items:stretch}nav button{min-width:0;padding:5px 2px;gap:4px}.nav-icon svg{width:25px;height:25px}.nav-label{font-size:9px}main{padding-bottom:calc(var(--footer-height) + 18px)}.develop-mode>aside{display:block!important;padding:0;height:0;border:0;position:static}.develop-mode>aside>.brand,.develop-mode>aside>.aside-bottom{display:none}.develop-mode nav{display:grid!important;background:#151515;border-color:#333}.develop-mode nav button{background:transparent;color:#aaa}.develop-mode nav button.active{background:#302715;color:#e7bd69}.develop-mode main{height:calc(100dvh - var(--footer-height));width:100%;max-width:100%;padding:0;overflow:hidden}.develop-mode #develop{width:100%;min-width:0;max-width:100%;overflow:hidden}.develop-mode #develop .editor{width:100%;min-width:0;max-width:100%}.develop-mode #develop .editor>article+article{width:100%;min-width:0;max-width:100%;max-height:40dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:6px 12px 12px}.develop-mode .studio-modes{display:flex;justify-content:flex-start;overflow-x:auto;gap:0;flex-shrink:0}.develop-mode .studio-modes button{flex:1 0 30%;padding:10px 8px;font-size:12px}.develop-mode #tabs,.develop-mode #studioToolStrip,.develop-mode #studioPresetStrip{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}.develop-mode #develop[data-studio-mode=presets] .editor>article+article>.row{display:flex;flex-wrap:wrap;gap:8px}.develop-mode #presetName{flex:1 1 160px;width:0;min-width:100px}.develop-mode #savePreset{flex:0 0 auto}.develop-mode #develop[data-studio-mode=presets] .editor>article+article>label{display:flex;flex-wrap:wrap;min-width:0;width:100%}.develop-mode #preset{flex:1 1 180px;width:0;min-width:120px;margin:0}.develop-mode #includeGeometry{flex-shrink:0}.develop-mode #develop .photo-stage{min-height:0;width:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.develop-mode #develop #canvas{min-width:0;min-height:0;max-width:100%;max-height:100%}.develop-mode .editor .sectionhead{display:none}.develop-mode .studio-top>span{min-width:0;font-size:10px}.develop-mode .editor-sourcebar{flex-shrink:0}.develop-mode #controls{min-width:0;max-width:100%}}

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');