:root{--ut-font-family:"Univers Next W02", Arial, Helvetica, sans-serif;--ut-color-black:#1e2328;--ut-color-white:#fff;--ut-color-grey-lighter:#f7f8f8;--ut-color-grey-light:#f0f1f2;--ut-color-grey-lines:#dcddde;--ut-color-grey-normal:#afb1b3;--ut-color-grey-icons:#8e9193;--ut-color-grey-dark:#686b6e;--ut-color-red:#c60c30;--ut-color-blue:#007d9c;--ut-color-blue-hover:#005d7d;--ut-color-dark-blue:#002c5f;--accent:var(--ut-color-blue);--accent-hover:var(--ut-color-blue-hover);--panel-width:424px;--panel-scale:1;--gap:16px;--radius:4px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--ut-font-family);color:var(--ut-color-black);background:var(--ut-color-grey-light);font-size:15px;line-height:1.55}#app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--ut-color-black);color:var(--ut-color-white);flex:none;align-items:center;gap:14px;height:56px;padding:0 22px;display:flex}.topbar__wordmark{letter-spacing:.02em;white-space:nowrap;font-size:19px;font-weight:700}.topbar__title{color:var(--ut-color-grey-normal);border-left:1px solid var(--ut-color-grey-dark);white-space:nowrap;padding-left:14px;font-size:16px;font-weight:300}.topbar__new{color:var(--ut-color-white);border-color:var(--ut-color-grey-dark);background:0 0}.topbar__new:hover{color:var(--ut-color-white);background:#ffffff1f}.layout{flex:auto;min-height:0;display:flex}.stage{padding:var(--gap);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.stage__canvas-wrap{background:var(--ut-color-black);border:1px solid var(--ut-color-grey-lines);width:100%;max-width:1400px;position:relative}canvas.preview{cursor:grab;width:100%;height:auto;display:block}canvas.preview:active{cursor:grabbing}canvas.preview.is-brushing,canvas.preview.is-brushing:active{cursor:none}canvas.preview.is-refining,canvas.preview.is-refining:active{cursor:crosshair}.brush-cursor{border:2px solid var(--accent,#35e0ff);pointer-events:none;z-index:6;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #0006}.brush-cursor:after{content:"";background:var(--accent,#35e0ff);border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.brush-cursor--erase{border-style:dashed;border-color:var(--ut-color-red)}.brush-cursor--erase:after{background:var(--ut-color-red)}.brush-cursor[hidden]{display:none}.text-warn{color:var(--ut-color-red);margin:2px 0 6px}.text-warn[hidden]{display:none}.stage__hint{color:var(--ut-color-grey-dark);font-size:13px}.panel{flex:0 0 var(--panel-width);width:var(--panel-width);background:var(--ut-color-white);border-left:1px solid var(--ut-color-grey-lines);font-size:calc(14px * var(--panel-scale));padding-bottom:30px;overflow-y:auto}.wizard{z-index:5;background:var(--ut-color-white);border-bottom:1px solid var(--ut-color-grey-lines);padding:10px 14px 9px;position:sticky;top:0}.wizard__steps{gap:4px;display:flex}.wizard__step{color:var(--ut-color-grey-dark);border:none;border-top:3px solid var(--ut-color-grey-lines);cursor:pointer;background:0 0;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;padding:6px 2px 2px;font-family:inherit;font-size:11px;line-height:1.1;display:flex}.wizard__step b{font-size:13px}.wizard__step:hover:not(:disabled){color:var(--ut-color-black)}.wizard__step.is-done{border-top-color:var(--ut-color-grey-normal);color:var(--ut-color-black)}.wizard__step.is-active{border-top-color:var(--accent);color:var(--accent);font-weight:700}.wizard__step:disabled{opacity:.45;cursor:not-allowed}.wizard__row{align-items:center;gap:8px;margin-top:8px;display:flex}.wizard__hint{color:var(--ut-color-grey-dark);flex:1;font-size:12px}.wizard__row .btn{white-space:nowrap;padding:5px 10px;font-size:13px}.wizard__row .btn[hidden]{display:none}.panel-resizer{cursor:col-resize;background:var(--ut-color-grey-lines);z-index:20;flex:0 0 6px;transition:background .12s;position:relative}.panel-resizer:hover,.panel-resizer.dragging{background:var(--accent)}.panel .section__header{font-size:calc(13px * var(--panel-scale))}.panel .field>label{font-size:calc(13px * var(--panel-scale));flex:0 0 calc(108px * var(--panel-scale))}.panel .field input[type=number],.panel .field input[type=text],.panel .field select,.panel .text-input,.panel .btn{font-size:calc(14px * var(--panel-scale))}.panel .checkbox,.panel .stage__hint,.panel .status,.panel .history__name{font-size:calc(13px * var(--panel-scale))}.panel .effect-chip__label{font-size:calc(12px * var(--panel-scale))}.panel .effect-lib__family,.panel .adv-toggle{font-size:calc(11.5px * var(--panel-scale))}.panel .effect-lib{max-height:calc(320px * var(--panel-scale))}.panel .gallery{max-height:calc(300px * var(--panel-scale))}.panel .history__thumb{width:calc(96px * var(--panel-scale))}.panel .field output{font-size:calc(12px * var(--panel-scale));flex-basis:calc(40px * var(--panel-scale))}.section{border-bottom:1px solid var(--ut-color-grey-lines)}.section__header{text-transform:uppercase;letter-spacing:.06em;width:100%;color:var(--ut-color-grey-dark);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:14px 18px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.section__header:hover{color:var(--ut-color-black);background:var(--ut-color-grey-lighter)}.section__chevron{color:var(--accent);flex:none;font-size:11px;transition:transform .15s}.section__chevron:before{content:"▼"}.section--closed .section__chevron{transform:rotate(-90deg)}.section__body{padding:0 18px 16px}.section--closed .section__body{display:none}.section.is-disabled{opacity:.45;pointer-events:none}.btn{border:1px solid var(--ut-color-grey-normal);background:var(--ut-color-white);color:var(--ut-color-black);border-radius:var(--radius);cursor:pointer;padding:7px 14px;font-family:inherit;font-size:14px}.btn:hover{border-color:var(--ut-color-grey-dark);background:var(--ut-color-grey-lighter)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--ut-color-white);font-weight:700}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--active{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-1px;font-weight:700}.field{align-items:center;gap:10px;margin:8px 0;display:flex}.field--wrap{flex-wrap:wrap}.field>label{color:var(--ut-color-grey-dark);flex:0 0 108px;font-size:13px}.field input[type=range]{accent-color:var(--accent);flex:auto;min-width:0}.field input[type=number],.field input[type=text],.field select{border:1px solid var(--ut-color-grey-normal);border-radius:var(--radius);width:100%;min-width:0;padding:5px 8px;font-family:inherit;font-size:14px}.field input[type=color]{border:1px solid var(--ut-color-grey-normal);border-radius:var(--radius);background:0 0;width:42px;height:28px;padding:0}.field output{text-align:right;color:var(--ut-color-grey-dark);font-variant-numeric:tabular-nums;flex:0 0 40px;font-size:12px}.row{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.checkbox{cursor:pointer;align-items:center;gap:8px;margin:8px 0;font-size:13px;display:flex}.checkbox input{accent-color:var(--accent)}.gallery{grid-template-columns:repeat(3,1fr);gap:6px;max-height:300px;display:grid;overflow-y:auto}.gallery__item{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:2px;padding:0;line-height:0}.gallery__item:hover{border-color:var(--ut-color-grey-normal)}.gallery__item.is-selected{border-color:var(--accent)}.gallery__item img{aspect-ratio:3/2;object-fit:cover;border-radius:1px;width:100%}.gallery[hidden]{display:none}.dropzone{border:2px dashed var(--ut-color-grey-normal);border-radius:var(--radius);text-align:center;color:var(--ut-color-grey-dark);cursor:pointer;margin-top:10px;padding:18px 12px;font-size:13px}.dropzone.is-dragover{border-color:var(--accent);background:var(--ut-color-grey-lighter);color:var(--ut-color-black)}.status{color:var(--ut-color-grey-dark);align-items:center;gap:10px;min-height:22px;font-size:13px;display:flex}.status progress{accent-color:var(--accent);flex:auto;height:8px}.toasts{z-index:50;flex-direction:column;gap:8px;max-width:440px;display:flex;position:fixed;bottom:18px;left:18px}.toast{background:var(--ut-color-black);color:var(--ut-color-white);border-radius:var(--radius);align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex;box-shadow:0 3px 12px #00000040}.toast--error{background:var(--ut-color-red)}.toast--warning{background:var(--ut-color-dark-blue)}.toast button{color:inherit;cursor:pointer;background:#ffffff26;border:1px solid #fff6;border-radius:3px;padding:3px 10px;font-family:inherit;font-size:12px}.toast button:hover{background:#ffffff47}.gate{background:var(--ut-color-white);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:40px;display:flex}.gate__mark{background:var(--ut-color-black);color:var(--ut-color-white);margin-bottom:26px;padding:14px 22px;font-size:26px;font-weight:700}.gate h1{margin:0 0 12px;font-size:28px;font-weight:700}.gate p{max-width:560px;color:var(--ut-color-grey-dark);margin:6px 0}.gate a{color:var(--accent)}.gate__form{text-align:left;flex-direction:column;align-items:stretch;gap:10px;width:min(360px,100%);margin-top:18px;display:flex}.gate__label{color:var(--ut-color-black);font-size:13px;font-weight:700}.gate__input{border:1px solid var(--ut-color-grey-normal);border-radius:var(--radius);color:var(--ut-color-black);background:var(--ut-color-white);padding:9px 12px;font-family:inherit;font-size:16px}.gate__input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.gate__input:disabled{background:var(--ut-color-grey-light)}.gate__form .btn{padding:9px 14px;font-size:15px}.gate .gate__error{color:var(--ut-color-red);margin:0;font-size:14px}.savebar{align-items:center;gap:10px;width:100%;max-width:1400px;display:flex}.savebar__name{border:1px solid var(--ut-color-grey-normal);border-radius:var(--radius);flex:auto;min-width:0;padding:8px 12px;font-family:inherit;font-size:14px}.effect-lib{border:1px solid var(--ut-color-grey-lines);border-radius:var(--radius);background:var(--ut-color-grey-lighter);max-height:320px;padding:8px 10px 12px;overflow-y:auto}.effect-lib__family{text-transform:uppercase;letter-spacing:.07em;color:var(--ut-color-grey-icons);margin:10px 0 6px;font-size:11px;font-weight:700}.effect-lib__family:first-child{margin-top:2px}.effect-lib__grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.effect-chip{border:1px solid var(--ut-color-grey-normal);background:var(--ut-color-white);cursor:pointer;color:var(--ut-color-black);text-align:left;border-radius:5px;padding:0;font-family:inherit;font-size:12px;overflow:hidden}.effect-chip__thumb{aspect-ratio:2.5;object-fit:cover;background:#14181c repeating-linear-gradient(45deg,#14181c 0 8px,#1b2127 8px 16px);width:100%;display:block}.effect-chip__label{justify-content:space-between;align-items:center;gap:4px;padding:3px 7px 4px;line-height:1.25;display:flex}.effect-chip:hover{border-color:var(--accent);background:#eaf6f9}.effect-chip.btn--active{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-1px}.effect-chip.btn--active .effect-chip__label{background:var(--accent);color:var(--ut-color-white);font-weight:700}.effect-chip[hidden]{display:none}.effect-chip--focused.btn--active{box-shadow:0 0 0 3px #007d9c4d}.effect-tip{z-index:90;background:var(--ut-color-black);pointer-events:none;border-radius:6px;width:496px;max-width:40vw;padding:8px;position:fixed;box-shadow:0 8px 28px #0006}.effect-tip img{background:#14181c;border-radius:4px;width:480px;max-width:100%;min-height:160px;display:block}.effect-tip__label{color:var(--ut-color-white);padding:5px 2px 1px;font-size:12px}.processing-card{z-index:10;background:#1e23288c;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.processing-card[hidden]{display:none}.processing-card__spinner{border:4px solid #ffffff40;border-top-color:var(--ut-color-white);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite utbm-spin}@keyframes utbm-spin{to{transform:rotate(360deg)}}.processing-card__text{color:var(--ut-color-white);text-shadow:0 1px 3px #00000080;font-size:15px;font-weight:700}.processing-card progress{width:260px;accent-color:var(--accent)}.handles{pointer-events:none;z-index:5;position:absolute;inset:0}.handles[hidden]{display:none}.handles__outline{border:1.5px dashed #35e0ffd9;border-radius:3px;position:absolute}.handles__dot{background:var(--ut-color-white);border:2.5px solid var(--accent);pointer-events:auto;cursor:nwse-resize;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 1px 4px #0006}.handles__dot[data-corner=ne],.handles__dot[data-corner=sw]{cursor:nesw-resize}.icon-row{border-top:1px solid var(--ut-color-grey-lines);border-radius:var(--radius);margin-top:10px;padding:6px 6px 2px}.icon-row.is-selected{outline:2px solid var(--accent);outline-offset:-1px;background:#eef8fb}.history__row{border-bottom:1px solid var(--ut-color-grey-lines);align-items:center;gap:10px;padding:7px 0;display:flex}.history__thumb{border:1px solid var(--ut-color-grey-lines);border-radius:3px;flex:none;width:96px}.history__meta{flex:auto;min-width:0}.history__name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.history__actions{flex:none;gap:5px;display:flex}.guides{pointer-events:none;z-index:4;position:absolute;inset:0}.guides[hidden]{display:none}.guides__v,.guides__h{background:#35e0ff47;position:absolute}.guides__v{width:1px;top:0;bottom:0}.guides__h{height:1px;left:0;right:0}.layerbar{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.layer-row{align-items:center;gap:4px;width:100%;display:flex}.layer-row .layer-chip{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.layer-row .layer-tool{padding:3px 7px;font-size:12px;line-height:1.2}.layer-chip--hidden{opacity:.5;text-decoration:line-through}.layer-chip{border:1px solid var(--ut-color-grey-normal);border-radius:var(--radius);background:var(--ut-color-white);cursor:pointer;align-items:center;gap:7px;padding:5px 10px;font-family:inherit;font-size:13px;display:inline-flex}.layer-chip.btn--active{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:-1px;font-weight:700}.layer-chip__x{color:var(--ut-color-grey-dark)}.layer-chip__x:hover{color:var(--ut-color-red)}.swatches{gap:5px;display:inline-flex}.swatch{border:1px solid var(--ut-color-grey-lines);cursor:pointer;border-radius:50%;width:22px;height:22px;padding:0}.swatch:hover{outline:2px solid var(--ut-color-black)}.effect-chip__star{opacity:.45;margin-left:6px;font-size:12px}.effect-chip__star:hover{opacity:1;transform:scale(1.25)}.effect-chip--suggest{border-color:var(--accent);background:#eaf6f9}.text-input{border:1px solid var(--ut-color-grey-normal);border-radius:var(--radius);resize:vertical;flex:auto;min-width:0;padding:6px 8px;font-family:inherit;font-size:14px}.batch-list{border:1px solid var(--ut-color-grey-lines);border-radius:var(--radius);max-height:220px;margin-top:8px;padding:6px 10px;font-size:12px;overflow-y:auto}.batch-list .checkbox{margin:3px 0}.picker{z-index:40;background:#14181cb8;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.picker[hidden]{display:none}.picker__panel{background:var(--ut-color-white);border-radius:6px;flex-direction:column;width:100%;max-width:1500px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 18px 60px #00000073}.picker__head{border-bottom:1px solid var(--ut-color-grey-lines);flex-wrap:wrap;align-items:center;gap:18px;padding:16px 22px;display:flex}.picker__title{font-size:21px;font-weight:700}.picker__sub{color:var(--ut-color-grey-dark);flex:auto;font-size:13px}.picker__grid{padding:18px 22px 26px;overflow-y:auto}.picker__gallery{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.picker__item{background:var(--ut-color-grey-lighter);text-align:left;border:2px solid #0000;border-radius:4px;overflow:hidden}.picker__item img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.picker__item:hover{border-color:var(--accent);transform:translateY(-1px)}.picker__item.is-selected{border-color:var(--accent);outline:2px solid var(--accent)}.picker__label{align-items:center;gap:4px;min-height:26px;padding:3px 6px 4px 8px;display:flex}.picker__label .picker__name{flex:auto;min-width:0;padding:0}.picker__name{color:var(--ut-color-grey-dark);min-height:24px;padding:5px 8px;font-size:12px;line-height:1.3}.picker__tag{color:var(--ut-color-black);font-weight:700}.picker__file{color:var(--ut-color-grey-icons);font-size:11px}.picker__item{position:relative}.picker__pen{width:22px;height:22px;color:var(--ut-color-grey-icons);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;font-size:13px;line-height:1}.picker__pen:hover{background:var(--accent);color:var(--ut-color-white)}.picker__tag-input{border:1px solid var(--accent);border-radius:3px;width:100%;padding:2px 6px;font-family:inherit;font-size:12px}.picker__search{border:1px solid var(--ut-color-grey-normal);border-radius:var(--radius);min-width:220px;padding:7px 12px;font-family:inherit;font-size:14px}.epicker__scroll{padding:16px 22px 26px;overflow-y:auto}.epicker__scroll .effect-lib__family{margin:14px 0 8px;font-size:12px}.epicker__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.epicker__card{background:var(--ut-color-grey-lighter);text-align:left;cursor:pointer;border:2px solid #0000;border-radius:5px;padding:0;overflow:hidden}.epicker__card img{aspect-ratio:2.5;object-fit:cover;background:#14181c repeating-linear-gradient(45deg,#14181c 0 10px,#1b2127 10px 20px);width:100%;display:block}.epicker__card:hover{border-color:var(--accent);transform:translateY(-1px)}.adv-toggle{text-transform:uppercase;letter-spacing:.05em;color:var(--ut-color-grey-icons);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:8px 0 4px;font-family:inherit;font-size:12px;font-weight:700;display:flex}.adv-toggle:hover{color:var(--ut-color-black)}.adv-toggle .section__chevron{font-size:9px;transform:rotate(-90deg)}.adv-toggle.open .section__chevron{transform:rotate(0)}.adv-host{display:none}.adv-host.open{border-left:2px solid var(--ut-color-grey-lines);margin-bottom:6px;padding-left:10px;display:block}.adv-only{display:none}.show-adv .adv-only{display:block}@media (max-width:1100px){.layout{flex-direction:column;overflow-y:auto}.panel{border-left:none;border-top:1px solid var(--ut-color-grey-lines);flex:none;width:100%;font-size:14px}.panel-resizer{display:none}}