.maker-app{--bg: #fff;--fg: var(--hy-ink);--ink-3: var(--hy-ink-3);--muted: var(--hy-ink-4);--surface: var(--hy-bg-2);--border: var(--hy-line);--line-2: #d5d5db;--accent: var(--hy-purple);--accent-fg: #fff;--pass: #2a7416;--warn: #9a5b00;--fail: #a30417;--unit-dark: #14161c;--unit-empty: #1b2030;--unit-zone: rgba(255, 255, 255, .45);--ease: .18s ease;color:var(--fg);font-family:var(--font-sans);font-size:15px;line-height:1.45}.maker-app *{box-sizing:border-box}.maker-app a{color:var(--accent)}.maker-app h2{font-size:1.35rem;margin:0 0 .5rem}.maker-app .muted{color:var(--muted)}.maker-app .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.maker-app .panel{padding:.75rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.maker-app .error-text{color:var(--fail)}.maker-app .warn-panel{border-color:var(--warn)}.maker-app .error-panel{border-color:var(--fail)}.maker-app .expired h2{display:flex;align-items:center;gap:.5rem}.maker-app .narrow-only{display:none}@media(max-width:767px){.maker-app .edit-only{display:none}.maker-app .narrow-only{display:block}}.maker-app .narrow{display:grid;gap:1rem}.maker-app .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:10px;border:1px solid var(--line-2);background:#fff;color:var(--fg);font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:background var(--ease),border-color var(--ease),color var(--ease)}.maker-app .btn:hover:not(:disabled){border-color:var(--fg)}.maker-app .btn-sm{height:36px;padding:0 14px;font-size:14px;font-weight:500}.maker-app .btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.maker-app .btn-primary:hover:not(:disabled){background:var(--hy-purple-800);border-color:var(--hy-purple-800)}.maker-app .btn:disabled{cursor:not-allowed}.maker-app .btn-primary:disabled{background:#ececf0;border-color:#ececf0;color:#55555c}.maker-app .btn-sm:disabled{opacity:.55}.maker-app .btn:focus-visible,.maker-app .link-btn:focus-visible,.maker-app .tile:focus-visible,.maker-app .round-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.maker-app .link-btn{background:none;border:0;padding:0;color:var(--accent);font:inherit;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none}.maker-app .link-btn:hover:not(:disabled){text-decoration:underline}.maker-app .link-btn:disabled{color:var(--muted);cursor:not-allowed}.maker-app .round-btn{flex:none;width:32px;height:32px;padding:0;border-radius:50%;border:1px solid var(--line-2);background:#fff;color:var(--fg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.head-side{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--hy-ink-4)}.head-side .link-btn{background:none;border:0;padding:0;color:var(--hy-purple);font:inherit;font-weight:500;cursor:pointer}.head-side .link-btn:hover:not(:disabled){text-decoration:underline}.head-side .link-btn:disabled{color:var(--hy-ink-4)}.maker-app .studio{display:flex;flex-direction:column;gap:18px}.maker-app .unit{position:relative;align-self:center;width:min(100%,max(640px,calc((100vh - 300px) * var(--unit-ratio, 99))));border-radius:14px;overflow:hidden;background:var(--unit-dark)}.maker-app .unit-stage{position:relative}.maker-app .unit-stage[data-cursor=grab] .preview-canvas{cursor:grab}.maker-app .unit-stage[data-cursor=grabbing],.maker-app .unit-stage[data-cursor=grabbing] .preview-canvas{cursor:grabbing}.maker-app .preview-canvas{display:block;width:100%;height:auto;touch-action:none}.maker-app .preview-canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.maker-app .unit[data-locked] .preview-canvas{cursor:default}.maker-app .source-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.maker-app .drag-hint{position:absolute;top:50%;transform:translate(-50%,-50%);padding:6px 12px;border-radius:999px;background:#0a0a0b8c;color:#fff;font-size:13px;pointer-events:none;white-space:nowrap;transition:opacity var(--ease)}.maker-app .unit-stage:hover .drag-hint{opacity:.85}.maker-app .busy{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:14px;color:var(--fg)}.maker-app .busy progress{-webkit-appearance:none;appearance:none;display:block;width:220px;max-width:100%;height:6px;border:0;border-radius:3px;background:#e6e6ea;overflow:hidden}.maker-app .busy progress::-webkit-progress-bar{background:transparent}.maker-app .busy progress::-webkit-progress-value{background:var(--accent);border-radius:3px;transition:width .2s linear}.maker-app .busy progress::-moz-progress-bar{background:var(--accent);border-radius:3px}.maker-app .busy progress:not([value]){background:#e6e6ea linear-gradient(90deg,transparent 0 30%,var(--accent) 30% 70%,transparent 70%) 150% 0 / 200% 100% no-repeat;animation:maker-slide 1.4s linear infinite}.maker-app .busy progress:not([value])::-moz-progress-bar{background:transparent}.maker-app .unit-busy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 20px;border-radius:14px;background:#0a0a0bbf;color:#fff}.maker-app .unit-busy progress{background-color:#ffffff40}.maker-app .unit--empty{background:#f6f6f8;border:1.5px dashed #b4b4be;transition:border-color var(--ease),background var(--ease)}.maker-app .unit--empty[data-over]{border-color:var(--accent);background:#f9f2fa}.maker-app .unit-zone{position:absolute;border:1px dashed #b4b4be;background:#0a0a0b08;pointer-events:none}.maker-app .unit-drop{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:1rem;border:0;background:transparent;color:var(--ink-3);font:inherit;font-size:15px;text-align:center;cursor:pointer}.maker-app .unit-drop strong{font-size:18px;font-weight:600;color:var(--fg)}.maker-app .unit-drop:hover strong{color:var(--accent)}.maker-app .unit-drop:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;border-radius:14px}.maker-app .unit-drop:disabled{cursor:progress}.maker-app .slot{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 20px;text-align:center;font-size:14px;color:var(--ink-3);background:var(--surface);border:1.5px dashed #b4b4be;animation:maker-fade var(--ease)}.maker-app .slot[data-state=filled]{background:transparent;border:0;pointer-events:none}.maker-app .slot[data-state=busy]{color:var(--fg)}.maker-app .slot-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.maker-app .slot-img{position:absolute;top:0;height:100%;object-fit:cover}.maker-app .slot-tools{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:8px;pointer-events:auto}.maker-app .slot-again{height:28px;padding:0 12px;border:0;border-radius:999px;background:#0a0a0b8c;color:#fff;display:flex;align-items:center;gap:6px;font:inherit;font-size:13px;cursor:pointer;transition:background var(--ease)}.maker-app .slot-again:hover{background:#0a0a0bcc}.maker-app .slot-x{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#0a0a0b8c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:background var(--ease)}.maker-app .slot-x:hover{background:#0a0a0bcc}.maker-app .swap{position:absolute;top:50%;z-index:1;width:36px;height:36px;padding:0;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--line-2);background:#fff;color:var(--fg);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0a0a0b1f;cursor:pointer;transition:left var(--ease)}.maker-app .web-field{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.maker-app .web-field label{font-size:15px;font-weight:600;color:var(--fg)}.maker-app .web-field__row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.maker-app .web-field input{height:40px;width:min(250px,100%);padding:0 12px;border-radius:10px;border:1px solid var(--accent);background:#fff;color:var(--fg);font:inherit;font-size:14px;box-shadow:0 0 0 3px #9913a124;outline:0}.maker-app .web-field .btn-sm{height:40px}.maker-app .web-field__hint{max-width:320px;font-size:13px;color:var(--muted)}@media(max-width:1100px){.maker-app .slot .web-field__hint:not([role=alert]){display:none}}.maker-app .under{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:-8px;font-size:13px;color:var(--muted)}.maker-app .under-links{display:flex;gap:20px}.maker-app .timeline{display:flex;align-items:center;gap:12px}.maker-app .scrub{-webkit-appearance:none;appearance:none;width:320px;max-width:32vw;height:4px;margin:0;border-radius:2px;background:#e6e6ea linear-gradient(var(--fg),var(--fg)) no-repeat;cursor:pointer}.maker-app .scrub::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--fg)}.maker-app .scrub::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--fg)}.maker-app .scrub:disabled{cursor:default}.maker-app .time{font-variant-numeric:tabular-nums}.maker-app .tiles{display:flex;gap:14px}.maker-app .tile{width:216px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--fg);display:flex;flex-direction:column;gap:10px;font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:border-color var(--ease),box-shadow var(--ease),color var(--ease)}.maker-app .tile:hover:not(:disabled){border-color:var(--line-2)}.maker-app .tile[data-on]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);font-weight:600}.maker-app .tile:disabled{cursor:default}.maker-app .tile[data-dim]{color:var(--muted)}.maker-app .tile-sch{height:34px;display:flex;gap:3px}.maker-app .tile-sch i{display:block;border-radius:4px;background:#cfcfd6;transition:background var(--ease)}.maker-app .tile-sch i[data-kind=v]{background:var(--ink-3)}.maker-app .tile[data-dim] .tile-sch i[data-kind=v]{background:#9a9aa2}.maker-app .foot{display:flex;justify-content:space-between;align-items:center;gap:24px}.maker-app .foot--done{align-items:flex-start;margin-top:14px}.maker-app .foot-actions{display:flex;gap:10px}.maker-app .status-line{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.maker-app .status{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:var(--ink-3)}.maker-app .status[data-kind=ok]{color:var(--pass);font-weight:500}.maker-app .status[data-kind=bad]{color:var(--fail);font-weight:500}.maker-app .status svg{flex:none}.maker-app .status-more{display:flex;flex-wrap:wrap;gap:6px 18px;padding-left:26px;font-size:14px;color:var(--ink-3)}.maker-app .status-more .link-btn{font-size:14px}.maker-app .done-info{display:flex;flex-direction:column;gap:10px}.maker-app .output-links{display:flex;flex-wrap:wrap;gap:18px;font-size:13px}.maker-app .unit--done .unit-output,.maker-app .tv-slot .unit-output{display:block;width:100%;height:100%;object-fit:cover}.maker-app .tv{position:relative;align-self:center;width:min(100%,max(640px,calc((100vh - 300px) * var(--tv-ratio, 1.7778))));border-radius:14px;overflow:hidden;background:#05070b}.maker-app .tv-slot{position:absolute}.maker-app .tv-ui{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:opacity .6s ease}.maker-app .tv-ui[data-hidden]{opacity:0}.maker-app .render-panel{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.maker-app .render-failed{max-width:360px;font-size:14px;color:var(--fail);text-align:right}.maker-app .render-failed p{margin:0}.maker-app .render-progress{width:360px;display:flex;flex-direction:column;gap:8px;font-size:14px}.maker-app .render-progress__head{display:flex;justify-content:space-between}.maker-app .render-progress__head strong{font-weight:600}.maker-app .render-progress .muted{font-size:13px}.maker-app .render-progress progress{-webkit-appearance:none;appearance:none;width:100%;height:6px;border:0;border-radius:3px;background:#e6e6ea;overflow:hidden}.maker-app .render-progress progress::-webkit-progress-bar{background:#e6e6ea}.maker-app .render-progress progress::-webkit-progress-value{background:var(--accent);border-radius:3px;transition:width .3s ease}.maker-app .render-progress progress::-moz-progress-bar{background:var(--accent);border-radius:3px}.maker-app .validation{padding-left:26px}.maker-app .semaphore{display:inline-flex;align-items:center;gap:.3rem;font-weight:600}.maker-app .rules{list-style:none;padding:0;margin:.5rem 0;display:grid;gap:.5rem}.maker-app .rules li{display:grid;gap:.15rem;padding:.5rem .75rem;border-left:3px solid var(--border);background:var(--surface);border-radius:4px;font-size:14px}.maker-app .rules li[data-status=fail]{border-left-color:var(--fail)}.maker-app .rules li[data-status=warn]{border-left-color:var(--warn)}.maker-app .rules li[data-status=pass]{border-left-color:var(--pass);display:flex;gap:.5rem}.maker-app .fix{color:var(--muted)}.maker-app .validation summary{cursor:pointer;font-size:14px;color:var(--ink-3)}.maker-app .generic{display:grid;gap:1.25rem}.maker-app .dropzones{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.maker-app .dropzone{border:1.5px dashed #b4b4be;border-radius:12px;padding:.8rem 1rem;background:var(--surface)}.maker-app .dropzone[data-over]{border-color:var(--accent)}.maker-app .dz-head{margin-bottom:.5rem}.maker-app .req{color:var(--accent);font-size:.85rem}.maker-app .icon-btn{display:inline-flex;align-items:center;gap:.35rem;background:transparent;color:var(--fg);border:1px solid var(--line-2);border-radius:8px;padding:.25rem .6rem;cursor:pointer;font:inherit}.maker-app .files{list-style:none;padding:0;margin:.6rem 0 0;display:grid;gap:.35rem}.maker-app .files li{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.maker-app .fname{overflow-wrap:anywhere}.maker-app .files progress{flex:1;min-width:120px}.maker-app .field{display:grid;gap:.25rem;margin:.6rem 0}.maker-app .field input[type=text],.maker-app .field textarea,.maker-app .field select,.maker-app .field input[type=number]{font:inherit;padding:.4rem .5rem;border:1px solid var(--line-2);border-radius:8px;background:var(--bg);color:var(--fg)}@keyframes maker-fade{0%{opacity:0}to{opacity:1}}@keyframes maker-slide{0%{background-position:150% 0}to{background-position:-50% 0}}@media(prefers-reduced-motion:reduce){.maker-app *{transition:none!important;animation:none!important}}