.omni-studio{--omni-ink:#202c32;--omni-muted:#758087;--omni-line:#dfe5e7;--omni-accent:#087f75;color:var(--omni-ink);letter-spacing:0;max-width:1480px;margin:0 auto}
#app[data-page="image"]:has(.omni-studio){background:#f5f7f8}
.omni-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#app .omni-studio button,#app .omni-studio a{letter-spacing:0;box-shadow:none}
#app .omni-studio button:focus-visible,#app .omni-studio a:focus-visible,.omni-lightbox button:focus-visible{outline:2px solid #087f75;outline-offset:3px}
#app .omni-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;height:auto;padding:0 0 22px;margin:0 0 24px;border-bottom:1px solid var(--omni-line);background:none}
.omni-heading{display:flex;align-items:center;gap:14px;min-width:0}
#app .omni-page-head h1{font-size:24px;line-height:1.3;font-weight:650;margin:0;letter-spacing:0}
.omni-operation{font-size:12px;font-weight:500;white-space:nowrap;color:#28695f;background:#e8f3ef;padding:4px 8px;border-radius:4px}
#app .omni-studio .omni-works-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:36px;padding:0 2px;border:0;background:none;color:#637078;font-size:13px;font-weight:500}
.omni-works-link .omni-icon:last-child{width:14px;height:14px}
.omni-workspace{display:grid;grid-template-columns:minmax(280px,344px) minmax(0,1fr);gap:30px;align-items:start}
.omni-compose{display:grid;gap:24px;min-width:0;margin:0;padding:0 28px 0 0;border-right:1px solid var(--omni-line);background:transparent}
.omni-compose>section,.omni-prompt-section{min-width:0}
.omni-field-head,.omni-reference-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#app .omni-field-head h2,#app .omni-reference-head h2,#app .omni-field-head label{margin:0;font-size:14px;font-weight:600;line-height:1.4;color:var(--omni-ink)}
.omni-field-head>span,.omni-reference-head>span{font-size:12px;font-weight:400;color:var(--omni-muted)}
.omni-field-head>.omni-icon{color:#879196;width:16px;height:16px}
.omni-references{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;border-radius:6px;transition:background .15s ease}
.omni-references.is-dragover{outline:2px solid var(--omni-accent);outline-offset:5px;background:#e7f4f0}
.omni-references figure{margin:0;min-width:0;position:relative}
#app .omni-studio .omni-reference-preview{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/5;padding:0;min-height:0;border:1px solid var(--omni-line);border-radius:6px;overflow:hidden;background:#edf1f2;cursor:zoom-in}
#app .omni-reference-preview[aria-pressed="true"]{border-color:var(--omni-accent);box-shadow:0 0 0 1px var(--omni-accent)}
.omni-reference-preview img{display:block;width:100%;height:100%;object-fit:cover}
.omni-reference-number{position:absolute;bottom:4px;left:4px;background:#ffffffed;border-radius:3px;padding:1px 4px;color:#263a3e;font-size:10px;font-weight:600;line-height:1.5}
.omni-references figcaption{margin-top:5px;font-size:11px;font-weight:500;line-height:1.4;color:#627078;overflow-wrap:anywhere}
#app .omni-studio .omni-reference-remove{position:absolute;right:3px;top:3px;width:26px;height:26px;min-height:0;padding:4px;border:1px solid #ffffffb3;display:flex;align-items:center;justify-content:center;background:#ffffffed;color:#43515a;border-radius:4px}
.omni-reference-remove .omni-icon{width:14px;height:14px}
#app .omni-studio .omni-reference-remove:hover{background:#fff;color:#ad3b4c}
.omni-compose .omni-upload{aspect-ratio:4/5;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;margin:0;border:1px dashed #b9c7c9;border-radius:6px;background:#f4f7f7;color:#617a7d;cursor:pointer;overflow:hidden;align-self:start;min-width:0}
.omni-upload .omni-icon{width:22px;height:22px}
.omni-upload span{font-size:11px;font-weight:500;line-height:1.4}
.omni-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.omni-upload:focus-within{outline:2px solid var(--omni-accent);outline-offset:3px}
.omni-upload:hover{background:#edf4f3;border-color:#6d9b96}
.omni-upload.is-full{display:none!important}
.omni-references.is-empty{grid-template-columns:1fr}
.omni-references.is-empty .omni-upload{height:100px;aspect-ratio:auto;flex-direction:row;gap:10px}
.omni-references.is-empty .omni-upload span{font-size:13px}
#app .omni-compose textarea{display:block;resize:vertical;width:100%;min-height:154px;max-height:420px;padding:13px 14px;margin:0;box-sizing:border-box;border:1px solid #d5dee1;border-radius:7px;background:#fff;color:var(--omni-ink);font-family:inherit;font-size:14px;font-weight:400;line-height:1.75;box-shadow:none}
#app .omni-compose textarea::placeholder{color:#99a2a6;font-weight:400}
#app .omni-compose textarea:focus{outline:2px solid #087f7524;outline-offset:1px;border-color:#4b9b91}
.omni-settings{border-top:1px solid var(--omni-line);padding-top:19px}
.omni-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}
#app .omni-options label{display:grid;gap:7px;margin:0;font-size:12px;font-weight:500;color:#748087;min-width:0}
#app .omni-options select{width:100%;height:40px;min-height:40px;margin:0;padding:0 28px 0 11px;border:1px solid #d8e0e2;box-sizing:border-box;border-radius:5px;background-color:#fff;color:#344148;font-family:inherit;font-size:13px;font-weight:500;box-shadow:none}
.omni-resolution-note{display:block;margin-top:10px;font-size:11px;color:#899297;line-height:1.5}
.omni-compose [hidden]{display:none!important}
.omni-plan{font-size:12px;min-width:0}
.omni-plan details{background:#edf5f2;border:1px solid #d9e8e2;border-radius:6px;overflow:hidden}
.omni-plan summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:11px 10px;color:#356156;font-weight:500;line-height:1.5;list-style:none}
.omni-plan summary::-webkit-details-marker{display:none}
.omni-plan summary>.omni-icon{width:15px;height:15px}
.omni-plan summary>span{flex:1;min-width:0;overflow-wrap:anywhere}
.omni-plan summary>.omni-icon:last-child{transition:transform .15s ease}
.omni-plan details[open] summary>.omni-icon:last-child{transform:rotate(180deg)}
.omni-plan ol{margin:0 10px 10px 13px;max-height:172px;overflow:auto;overscroll-behavior:contain;padding-left:24px;line-height:1.8;color:#536b63}
.omni-plan li{padding:3px 0 3px 3px;overflow-wrap:anywhere}
.omni-submitbar{position:sticky;bottom:16px;z-index:3;background:#f5f7f8;padding:4px 0 0;margin-top:-6px}
#app .omni-studio .omni-compose .omni-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;padding:10px 12px;border:1px solid #087f75;border-radius:6px;background:#087f75;color:#fff;font-size:14px;font-weight:600;line-height:1.5}
#app .omni-studio .omni-compose .omni-submit:hover:not(:disabled){background:#066d65;border-color:#066d65}
#app .omni-studio .omni-compose .omni-submit:disabled{background:#7fa9a3;border-color:#7fa9a3;color:#fff;cursor:wait}
.omni-error{color:#b33e50;background:#fff2f3;border:1px solid #f1d6da;border-radius:5px;padding:10px 12px;margin:0 0 12px;font-size:13px;font-weight:400;line-height:1.6;overflow-wrap:anywhere}
.omni-preview{min-width:0;position:sticky;top:20px;overflow:hidden;border:1px solid #e0e5e7;border-radius:8px;background:#fff;color:#28363c}
#app .omni-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;height:auto;min-height:51px;padding:9px 16px;box-sizing:border-box;border-bottom:1px solid #e6ebed;background:#fff;font-size:13px;font-weight:500;margin:0}
.omni-preview-head>span{margin-right:auto;min-width:0;overflow-wrap:anywhere}
#app .omni-studio .omni-icon-button,.omni-lightbox .omni-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;min-height:0;padding:6px;border:0;border-radius:4px;background:transparent;color:#6c7a81}
#app .omni-studio .omni-icon-button:hover{background:#edf2f3;color:#087f75}
.omni-stage{display:flex;align-items:center;justify-content:center;min-height:350px;aspect-ratio:5/4;background:#f0f3f4;overflow:hidden}
.omni-stage:not(.has-image){min-height:220px;height:250px;aspect-ratio:auto}
.omni-stage.has-image{min-height:0;aspect-ratio:var(--omni-preview-ratio,4/3)}
#app .omni-studio .omni-image-stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;margin:0;padding:18px;border:0;border-radius:0;background:transparent;cursor:zoom-in;box-sizing:border-box}
.omni-output{display:block;max-width:100%;max-height:600px;object-fit:contain;width:100%;height:100%}
.omni-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:#adb9bd;padding:28px}
.omni-empty>.omni-icon{width:35px;height:35px;stroke-width:1.1}
#app .omni-empty h2{font-size:13px;font-weight:400;color:#94a1a7;margin:0;line-height:1.5}
.omni-filmstrip{display:flex;align-items:center;gap:7px;padding:12px 16px;overflow-x:auto;border-top:1px solid #e6ebed;background:#fff;scrollbar-width:thin}
#app .omni-studio .omni-filmstrip button{position:relative;width:48px;height:54px;min-width:48px;min-height:0;flex:0 0 48px;border:1px solid #e0e6e7;border-radius:4px;overflow:hidden;background:#f0f3f4;padding:2px}
.omni-filmstrip img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}
.omni-filmstrip span{position:absolute;bottom:2px;left:2px;background:#ffffffed;padding:0 3px;font-size:9px;color:#34474b;line-height:1.5;border-radius:2px}
#app .omni-studio .omni-filmstrip button[aria-pressed="true"]{border:2px solid var(--omni-accent);padding:1px}
#app .omni-preview footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:13px 16px;border-top:1px solid #e6ebed;background:#fff}
.omni-preview footer>span{margin-right:auto;color:#748189;font-size:12px;overflow-wrap:anywhere}
#app .omni-studio .omni-secondary-action,#app .omni-studio .omni-edit-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid #d9e2e4;border-radius:5px;background:#fff;color:#4c6369;font-size:12px;font-weight:500;text-decoration:none;line-height:1.5;box-sizing:border-box}
#app .omni-studio .omni-edit-action{border-color:#d5e5e0;background:#edf5f1;color:#257365}
.omni-secondary-action .omni-icon,.omni-edit-action .omni-icon{width:15px;height:15px}
.omni-preview-tabs{display:flex;gap:2px;background:#f0f3f4;padding:3px;border-radius:5px;max-width:100%}
#app .omni-preview-tabs button{min-height:26px;padding:3px 8px;border:0;border-radius:3px;background:transparent;color:#859197;font-size:11px;font-weight:500;white-space:nowrap;line-height:1.4}
#app .omni-preview-tabs button[aria-pressed="true"]{color:#305b54;background:#fff}
.omni-job{display:flex;align-items:center;flex-direction:column;gap:15px;text-align:center;padding:30px;max-width:100%;box-sizing:border-box}
.omni-task-mark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#e2eeeb;color:#488378;border-radius:8px}
.omni-task-mark.is-pending .omni-icon{animation:omni-spin 1.8s linear infinite}
.omni-state{font-size:12px;font-weight:600;color:#658078}
#app .omni-job h2{font-size:15px;font-weight:500;line-height:1.6;overflow-wrap:anywhere;margin:0;color:#4b5d63}
#app .omni-job>button{display:inline-flex;align-items:center;gap:6px;min-height:34px;background:#fff;border:1px solid #d9e2e4;border-radius:5px;font-size:12px;padding:6px 10px;color:#536b71}
.omni-job details{font-size:11px;line-height:1.6;color:#9aa6aa;max-width:100%}
.omni-job summary{cursor:pointer}.omni-job small{display:block;margin:8px 0 0;overflow-wrap:anywhere}
.omni-lightbox{width:min(1200px,calc(100% - 40px));max-width:calc(100% - 40px);height:min(860px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #33434a;border-radius:8px;box-sizing:border-box;background:#172126;color:#dce7e9;overflow:hidden}
.omni-lightbox::backdrop{background:#091318cc}
.omni-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.omni-lightbox header,.omni-lightbox footer{display:flex;align-items:center;gap:15px;height:auto;padding:12px 18px;font-size:13px;background:#172126;color:#dce7e9}
.omni-lightbox header{position:static}
body:has(.omni-lightbox[open]){overflow:hidden}
.omni-lightbox header{justify-content:space-between;border-bottom:1px solid #ffffff18}
.omni-lightbox footer{justify-content:center;border-top:1px solid #ffffff18}
.omni-lightbox footer>span{min-width:60px;text-align:center;font-size:12px;color:#a7b9be}
.omni-lightbox-stage{min-height:0;min-width:0;padding:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.omni-lightbox-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.omni-lightbox .omni-icon-button{color:#dce7e9;width:34px;height:34px;border-radius:4px}
.omni-lightbox .omni-icon-button:hover{background:#ffffff15}.omni-lightbox .omni-icon-button:disabled{opacity:.25}
@keyframes omni-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.omni-task-mark.is-pending .omni-icon{animation:none}.omni-plan summary>.omni-icon:last-child{transition:none}}
@media(min-width:1500px){.omni-workspace{grid-template-columns:370px minmax(0,1fr);gap:38px}.omni-compose{padding-right:32px}.omni-stage{max-height:660px;aspect-ratio:4/3}}
@media(max-width:1000px){.omni-workspace{grid-template-columns:minmax(0,1fr);gap:28px}.omni-compose{border-right:0;padding:0;gap:20px}.omni-references{grid-template-columns:repeat(6,minmax(0,1fr))}.omni-options{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.omni-preview{position:static}.omni-stage{aspect-ratio:4/3;min-height:260px}.omni-submitbar{position:static;background:transparent}}
@media(max-width:600px){#app .omni-page-head{padding-bottom:17px;margin-bottom:20px;gap:10px}#app .omni-page-head h1{font-size:22px}.omni-heading{gap:9px}.omni-operation{font-size:10px;padding:3px 5px}#app .omni-works-link{font-size:12px;gap:5px}.omni-works-link>.omni-icon{width:15px;height:15px}.omni-works-link .omni-icon:last-child{display:none}.omni-references{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.omni-reference-remove{width:28px!important;height:28px!important}.omni-references.is-empty .omni-upload{height:86px}#app .omni-compose textarea{min-height:140px;font-size:16px}.omni-options{grid-template-columns:repeat(2,minmax(0,1fr))}.omni-field-head,.omni-reference-head{margin-bottom:10px}.omni-settings{padding-top:16px}.omni-stage{min-height:240px;aspect-ratio:1}#app .omni-preview-head{padding:8px 12px}.omni-preview-tabs button{padding:3px 6px!important;font-size:10px!important}.omni-output{max-height:500px}#app .omni-studio .omni-image-stage{padding:12px}.omni-lightbox{width:calc(100% - 20px);max-width:calc(100% - 20px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.omni-lightbox-stage{padding:10px}.omni-lightbox header,.omni-lightbox footer{padding:10px 12px}}