:root{--cream:#f6f7fb;--forest:#181b23;--muted:#747987;--sand:#e8eaff;--line:#e5e7ee;--soft:#f0f2fa;--rose:#f1eafa;--radius:16px;--accent:#5865f2}
.operator-page .card{border-radius:16px;box-shadow:0 5px 20px #27354a06}.operator-page .button.primary{background:#5865f2;color:#fff;border-color:#5865f2;border-radius:11px}.operator-page .button.secondary,.operator-page .operator-toolbar .button{border-radius:10px;background:#fff;border-color:#e0e5f1}.operator-page .desk-badge{background:linear-gradient(135deg,#e8ebff,#dce1ff);color:#5966e0;border-radius:20px;transform:none;box-shadow:inset 0 1px 0 #fff,0 12px 30px #5865f21a}.operator-page .desk-badge svg{transform:none}.operator-page .desk-stats button{border-radius:12px;background:#edf0ff;border-color:#e0e5ff}.operator-page .desk-stats button:nth-child(2){background:#f6effa;border-color:#eae2f3}.operator-page .desk-stats button:nth-child(3){background:#edf5f5;border-color:#dcebef}.operator-page .count-pill{background:#e9edff;color:#5c69d5;border-radius:8px}.operator-page .field input,.operator-page .field select{border-radius:10px;border-color:#e1e6f1;accent-color:#5865f2}.operator-page .wordmark{color:#242b3c}.operator-page .brand-mark{color:#5865f2}.operator-page .pickup-box{border-radius:14px;background:#edf0ff}.operator-page .status-pill.success{background:#e8effc;color:#5370a0}
.pf-icon{display:inline-block;flex:none;vertical-align:middle}.studio-flow{background:#f6f7fb!important;color:#181b23!important}.studio-flow main{max-width:920px}.studio-flow .tabs{gap:24px;padding-top:8px}.studio-flow .tabs button{font-size:13px;font-weight:600;margin-right:0;color:#848995}.studio-flow .tabs button.active{color:#181b23;border-bottom-color:#181b23}.studio-flow .connection-bar{margin-top:7px;color:#858995}.studio-flow .connection-bar .status-dot{background:#5865f2}.studio-flow .flow-heading{position:relative;padding:24px 0 25px;isolation:isolate}.studio-flow .flow-heading .eyebrow{font-size:9px;color:#7c8294;letter-spacing:1.8px;margin-bottom:10px}.studio-flow .flow-heading h1{font-size:31px;color:#191d28;letter-spacing:-1.1px;line-height:1.24;font-weight:750}.studio-flow .flow-heading h1 span{color:#5865f2}.studio-flow .flow-subtitle{color:#818694;font-size:12px}.studio-flow .flow-heading[data-step=photos]{padding-right:132px;min-height:139px}.studio-flow .flow-heading[data-step=photos]::after{content:"";position:absolute;right:-7px;top:7px;width:145px;height:148px;z-index:-1;background:url('assets/studio-hero-v069.png') center/cover no-repeat;mix-blend-mode:multiply;border-radius:12px;pointer-events:none}.studio-flow .flow-steps{gap:0;border-bottom:1px solid #e0e4ee;margin:0 0 22px}.studio-flow .flow-steps li{border-bottom:2px solid transparent;margin-bottom:-1px}.studio-flow .flow-steps li.active{border-bottom-color:#5865f2}.studio-flow .flow-steps button{border:0;background:transparent;border-radius:0;min-height:48px;font-size:12px;gap:7px;font-weight:600;color:#7d8391}.studio-flow .flow-steps .active button{background:transparent;color:#4856e4;box-shadow:none}.studio-flow .flow-steps button span{font-size:10px;color:#969cab}.studio-flow .flow-steps .active button span{color:#5865f2}.studio-flow .flow-steps button:disabled{opacity:.42}.studio-flow .card{padding:24px;border:1px solid #e3e6ef;border-radius:17px;background:#fff;box-shadow:0 6px 24px #252c4404}.studio-flow .eyebrow{font-size:9px;color:#9096a6;letter-spacing:1.3px}.studio-flow h2,.studio-flow .section-title h2{color:#222633;font-size:22px;letter-spacing:-.7px}.studio-flow .hint,.studio-flow .small-note{color:#808695}.studio-flow .count-pill{border-radius:8px;padding:7px 11px;background:#eef0ff;color:#5260db;font-size:12px}.studio-flow .button.primary{background:#5865f2;border-color:#5865f2;color:#fff;box-shadow:0 4px 10px #5865f21c}.studio-flow .button.secondary{background:#f6f7fb;border-color:#e4e7f1;color:#414859}.studio-flow .capture-actions .button{border-radius:12px;min-height:52px;font-size:13px;gap:9px}.studio-flow .photo-grid{gap:12px;margin-top:18px}.studio-flow .photo-tile{background:#f1f3f8;border-color:#e5e8f1;border-radius:11px;box-shadow:0 3px 9px #232c3e05}.studio-flow .photo-tile.empty{background:linear-gradient(145deg,#fafbff,#f1f3fa);border:1px dashed #d4d9e9}.studio-flow .photo-tile.empty>span{font-weight:300;color:#a6afca}.studio-flow .photo-index{background:#ffffffed;color:#3c465b;border-radius:6px;font-size:10px;box-shadow:0 1px 5px #18213d0c}.studio-flow .photo-controls{background:#fff;border-top-color:#e6e9f0}.studio-flow .photo-controls button{color:#5f6a85}.studio-flow .photo-controls button:last-child{color:#a0747c}.studio-flow .photo-selection-undo{border-color:#e0e5f3;color:#6774a2;background:#f5f7ff;border-radius:9px}.studio-flow .shoot-quick-settings .field,.studio-flow .shoot-frame-shortcut{border-color:#e4e8f1;border-radius:10px;background:#fafbff;color:#80879a}.studio-flow .shoot-quick-settings select,.studio-flow .shoot-frame-shortcut strong{color:#384259}.studio-flow .remote-guide{background:#f7f8fc;border-radius:11px;color:#626d84}.studio-flow .settings-content>.field{color:#4b5468}.studio-flow .layout-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.studio-flow .layout-card,.studio-flow .layout-card.selected{display:flex;align-items:center;flex-direction:column;padding:9px 7px 12px;border-radius:12px;border:1px solid #e4e8f2;background:#fff;box-shadow:none;position:relative;min-width:0}.studio-flow .layout-card.selected{border-color:#6875f4;box-shadow:0 0 0 1px #6875f4;background:#f7f8ff}.studio-flow .layout-card.selected::after{content:"✓";position:absolute;top:6px;right:6px;display:grid;place-items:center;width:17px;height:17px;color:#fff;background:#5865f2;border:2px solid #fff;border-radius:50%;font-size:10px;font-weight:700}.studio-flow .layout-artboard{width:100%;height:116px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#f3f4fa,#e8ebf5);border-radius:7px;margin-bottom:10px;overflow:hidden}.studio-flow .layout-preview{display:block;position:relative;width:auto!important;height:94px;max-width:90%;max-height:94px;box-shadow:0 4px 9px #202a4b30;transform:rotate(-4deg);background:none!important;flex:none}.studio-flow .layout-card:nth-child(2) .layout-preview{transform:rotate(3deg)}.studio-flow .layout-card:nth-child(3) .layout-preview{height:70px}.studio-flow .frame-art{display:block;width:100%;height:100%;overflow:visible}.studio-flow .layout-card strong{font-size:12px;color:#333d55;font-weight:650}.studio-flow .layout-card>small{font-size:9px;color:#9298a7;margin-top:4px}.studio-flow .swatches{gap:8px}.studio-flow .swatch,.studio-flow .swatch.selected{padding:9px 12px;border-radius:9px;border:1px solid #e1e5ef;background:#fff;color:#737b8f;min-height:44px}.studio-flow .swatch.selected{border-color:#6875f4;color:#4755c9;background:#f7f8ff}.studio-flow .swatch i{box-shadow:inset 0 0 0 1px #1723390c}.studio-flow .style-spark,.studio-flow .tiny-star{color:#7682ee}.studio-flow .beauty-studio{border-top-color:#e6e9f1}.studio-flow .beauty-heading h3{color:#30394e}.studio-flow .beauty-presets button{border-radius:10px;background:#fafbff;color:#858da0;border-color:#e4e8f3;min-height:50px}.studio-flow .beauty-presets button span{display:flex;align-items:center;justify-content:center}.studio-flow .beauty-presets button.selected{background:#f0f2ff;color:#5160d5;border-color:#a9b1f9}.studio-flow .photo-edit-entry{border-radius:11px}.studio-flow .create-card{background:#fff}.studio-flow .create-card .eyebrow{color:#8c92a5}.studio-flow .segmented{border-radius:11px;background:#eff1f7;padding:4px}.studio-flow .segmented button{border-radius:8px;color:#7b8396}.studio-flow .segmented button.selected{color:#4f5cdd;background:#fff;box-shadow:0 2px 5px #16224810}.studio-flow .person-card{border-color:#e4e8f2;background:#f8f9fd;border-radius:12px}.studio-flow .field input,.studio-flow .field select{border-color:#e1e6f1;background:#fff;border-radius:10px;color:#374158}.studio-flow .check input{accent-color:#5865f2}.studio-flow .preview-card{background:#fff}.studio-flow .preview-stage{background:radial-gradient(ellipse at 50% 30%,#f8f9ff,#e9edf7);border:1px solid #e5e9f3;border-radius:12px}.studio-flow .preview-switch button{color:#8a91a2}.studio-flow .preview-switch button.selected{background:#e9edff;color:#5561cc;border-color:transparent}.studio-flow .station-item,.studio-flow .station-item.selected{border-radius:12px;border-color:#e1e6f1;background:#fff;box-shadow:none}.studio-flow .station-item.selected{border:2px solid #7883ef;background:#f7f8ff}.studio-flow .station-item strong{color:#333d55}.studio-flow .station-item .station-meta{color:#66728a}.studio-flow .status-pill{color:#6473a5;background:#eff2fb}.studio-flow .total-row strong{color:#4b59db}.studio-bottom-bar{background:#fbfcffef;border-top-color:#e4e7f1;backdrop-filter:blur(20px);padding-bottom:calc(12px + env(safe-area-inset-bottom))}.studio-bottom-summary{color:#8b93a7;font-size:10px}.studio-back,.studio-next{border-radius:12px;min-height:52px}.studio-back{background:#eef1f8;color:#707e9a}.studio-next{background:#5865f2;color:#fff;box-shadow:0 4px 12px #5865f21c}.studio-next:disabled{background:#e9edf6;color:#a0aabe;box-shadow:none}.studio-flow button:focus-visible{outline-color:#adb5ff}.studio-flow .notice{background:#eef1ff;border-color:#dbe1fb;color:#5e6ca1}.studio-flow .toast{z-index:70;bottom:calc(124px + env(safe-area-inset-bottom));border-radius:12px;background:#262e42}.studio-flow .toast.error{background:#92505d}.photo-editor-dialog .photo-editor-tools i{background:#252c3b;border-radius:13px}.photo-editor-dialog .photo-editor-tools i .pf-icon{width:25px;height:25px}.photo-editor-dialog .photo-editor-tools button.selected i{color:#fff;background:#5865f2}.photo-editor-dialog .photo-editor-tools button.selected,.photo-editor-dialog .photo-editor-value output,.photo-editor-dialog .photo-editor-top button.selected{color:#b7bfff}.photo-editor-dialog .photo-editor-tabs button{border-radius:6px;background:#252c3b;color:#aab1c7}.photo-editor-dialog .photo-editor-tabs button.selected{border-color:#9ba7ff;background:#3b447c;color:#f1f3ff}.photo-editor-dialog .photo-editor-slider,.photo-editor-dialog .photo-editor-options input{accent-color:#8490ff}.photo-editor-dialog .photo-editor-done{background:#6573fa;color:#fff!important;border-radius:10px;min-height:46px}.photo-editor-dialog .photo-editor-top button{display:flex;align-items:center;justify-content:center;gap:5px}.photo-editor-dialog .photo-editor-options button{display:inline-flex;align-items:center;justify-content:center}.photo-editor-dialog .photo-editor-fit{display:grid;place-items:center;border-radius:9px}.photo-editor-dialog button:focus-visible,.photo-editor-dialog input:focus-visible{outline-color:#9ba7ff}
.studio-flow .reference-add{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;border:1px dashed #bac3eb;background:#fff;border-radius:10px;padding:12px 16px;margin-top:10px;color:#6978b9;font:inherit;font-weight:550}.studio-flow .reference-add span{margin-right:auto;margin-left:11px}.studio-flow .reference-add:disabled{opacity:.4}.studio-flow .photo-controls button{display:grid;place-items:center}.studio-flow .photo-tile.empty>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dce1f0;border-radius:50%;color:#a4afd0}
@media(max-width:750px){.studio-flow main{padding-left:18px;padding-right:18px}.studio-flow .card{padding:22px 18px;border-radius:16px}.studio-flow .flow-heading h1{font-size:28px}.studio-flow .flow-heading[data-step=photos]{min-height:139px}.studio-flow .flow-heading .eyebrow{font-size:8px;letter-spacing:1.1px}.studio-flow .flow-subtitle{font-size:11px}.studio-flow .flow-steps button{font-size:11px;min-height:46px}.studio-flow h2,.studio-flow .section-title h2{font-size:20px}.studio-flow .layout-artboard{height:108px}.studio-flow .layout-preview{height:86px;max-height:86px}.studio-flow .layout-card:nth-child(3) .layout-preview{height:61px}.studio-flow .layout-card strong{font-size:11px}.studio-flow .layout-card>small{font-size:8px}.studio-flow .shoot-quick-settings .field,.studio-flow .shoot-frame-shortcut{min-height:46px}}
@media(max-width:360px){.studio-flow main{padding-left:13px;padding-right:13px}.studio-flow .card{padding:20px 14px}.studio-flow .flow-heading[data-step=photos]{padding-right:115px;min-height:135px}.studio-flow .flow-heading[data-step=photos]::after{width:124px;height:132px;right:-6px}.studio-flow .flow-heading h1{font-size:25px}.studio-flow .layout-cards{gap:7px}.studio-flow .layout-card,.studio-flow .layout-card.selected{padding-left:5px;padding-right:5px}.studio-flow .layout-artboard{height:97px}.studio-flow .layout-preview{height:79px;max-height:79px}.studio-flow .layout-card:nth-child(3) .layout-preview{height:49px}.studio-flow .layout-card strong{font-size:10px}.studio-flow .capture-actions .button{font-size:11px}}
.studio-flow .layout-recommended{font-size:9px;font-weight:700;color:#5360d7;background:#edf0ff;padding:5px 7px;border-radius:5px;margin-top:9px;line-height:1.3}
.studio-flow .layout-card .layout-paper{font-size:9px;color:#606a80;margin-top:5px;letter-spacing:.2px}
.frame-recommendation{margin-top:12px;padding:12px 14px;border-radius:10px;background:#f4f6fc;color:#626c81;font-size:11px;line-height:1.75}
.frame-recommendation p{margin:0}.frame-use-recommended{display:block;min-height:44px;border:0;background:transparent;color:#4e5bd6;padding:8px 0 0;font-size:12px;font-weight:700;text-align:left}
@media(max-width:360px){.studio-flow .layout-recommended{font-size:8px;padding:4px 5px}.studio-flow .layout-card strong{font-size:9px}.frame-recommendation{font-size:10px}}