.holo-app{--h-bg:#0b1016;--h-panel:#121a24;--h-line:#2d3b4b;--h-ink:#edf4fc;--h-muted:#a5b5c8;--h-accent:#a8d6ff;background:radial-gradient(ellipse at 85% 4%,#172938 0,transparent 43%),var(--h-bg);min-height:100svh;color:var(--h-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:0 max(24px,50vw - 620px) 55px;font-family:Arial,PingFang SC,sans-serif}.holo-app *{box-sizing:border-box;min-width:0}.holo-app [hidden]{display:none!important}.holo-app button,.holo-app a,.holo-app input,.holo-app select,.holo-app summary{-webkit-tap-highlight-color:transparent}.holo-app button,.holo-app a,.holo-app summary{touch-action:manipulation;transition:background .2s,color .2s,transform .2s,border-color .2s}.holo-app button{cursor:pointer}.holo-app button:disabled{cursor:not-allowed;opacity:.45}.holo-app button:not(:disabled):active{transform:translateY(1px)}.holo-app :focus-visible{outline:2px solid var(--h-accent);outline-offset:4px}.holo-app h1,.holo-app h2,.holo-app h3{text-wrap:balance}.holo-top{border-bottom:1px solid var(--h-line);justify-content:space-between;align-items:center;height:88px;display:flex}.holo-brand{letter-spacing:.05em;align-items:center;gap:12px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.holo-brand>span{color:var(--h-accent);font-size:30px}.holo-brand small{color:var(--h-muted);letter-spacing:0;font-size:11px;font-weight:400}.holo-back{color:var(--h-muted);padding:14px 0;font-size:13px}.holo-back:hover{color:#fff}.holo-heading{justify-content:space-between;align-items:flex-end;gap:20px;padding:42px 0 30px;display:flex}.holo-heading p{color:var(--h-muted);margin:0 0 12px;font-size:13px}.holo-heading h1{letter-spacing:-.025em;margin:0;font-size:38px;font-weight:500;line-height:1.3}.holo-private{color:var(--h-muted);padding-bottom:5px;font-size:12px}.holo-tabs{border-bottom:1px solid var(--h-line);align-items:center;gap:8px;margin-bottom:30px;display:flex}.holo-tabs button{min-height:52px;color:var(--h-muted);border-bottom:2px solid #0000;padding:16px 22px;position:relative}.holo-tabs button[aria-pressed=true]{color:var(--h-ink);border-color:var(--h-accent);background:linear-gradient(#0000,#a8d6ff0c)}.holo-tabs button span{color:var(--h-accent);margin-left:12px;font-size:12px}.holo-working{color:var(--h-accent);margin-left:auto;font-size:12px}.holo-working:before{content:"";background:var(--h-accent);border-radius:50%;width:6px;height:6px;margin-right:8px;animation:1.6s ease-in-out infinite holo-pulse;display:inline-block}.holo-editor{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:60px;display:grid}.holo-source{border:0;margin:0;padding:0}.holo-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;display:flex}.holo-section-title h2{margin:0;font-size:16px;font-weight:500}.holo-section-title>span{color:var(--h-muted);font-size:12px}.holo-section-title button{min-height:44px;color:var(--h-accent);padding:8px 12px}.holo-file{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.holo-drop{width:100%;height:480px;color:var(--h-muted);background:radial-gradient(at 50% 45%,#22374b88,#0000 66%),#101923;border:1px dashed #4b6176;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:13px;font-size:13px;display:flex;position:relative;overflow:hidden}.holo-drop:hover{border-color:var(--h-accent);background-color:#15212f}.holo-drop strong{color:var(--h-ink);margin-top:15px;font-size:18px;font-weight:500}.holo-drop small{font-size:11px}.holo-drop.has-image{background:#0c131c;border-style:solid;padding:18px}.holo-drop.is-dragging{border-color:var(--h-accent);box-shadow:inset 0 0 0 1px var(--h-accent);background-color:#16283a;border-style:solid}.holo-frame{aspect-ratio:2/3;background:linear-gradient(158deg,#16202c,#0e151d);border:1px solid #ffffff1f;border-radius:10px;place-items:center;width:min(46%,168px);transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .3s;display:grid;position:relative;overflow:hidden}.holo-frame:before{content:"";background:linear-gradient(115deg,#0000 44%,#9fd9ff2e 50%,#0000 56%);transition:transform .9s;position:absolute;inset:-40%;transform:translate(-40%)}.holo-drop:hover .holo-frame{border-color:var(--h-accent);transform:translateY(-4px)rotate(-1.2deg)}.holo-drop:hover .holo-frame:before{transform:translate(40%)}.holo-drop.is-dragging .holo-frame{border-color:var(--h-accent);transform:scale(1.04)rotate(0)}.holo-frame .holo-upload-symbol{position:relative}@media (prefers-reduced-motion:reduce){.holo-frame,.holo-frame:before{transition:none}}.holo-drop img{object-fit:contain;border-radius:8px;max-width:100%;height:100%;animation:.25s ease-out holo-appear}.holo-replace{color:#fff;opacity:0;background:#101923ee;border-radius:20px;padding:10px 16px;transition:opacity .2s;position:absolute;bottom:28px}.holo-drop:hover .holo-replace,.holo-drop:focus-visible .holo-replace{opacity:1}.holo-crop{padding-top:12px}.holo-crop .holo-section-title{margin-bottom:0}.holo-crop label{min-height:44px;color:var(--h-muted);align-items:center;gap:18px;font-size:12px;display:flex}.holo-crop input{accent-color:var(--h-accent);flex:1;min-height:32px}.holo-crop output{text-align:right;font-variant-numeric:tabular-nums;width:42px}.holo-settings{flex-direction:column;gap:23px;padding-top:5px;display:flex}.holo-settings h2{margin:0 0 10px;font-size:26px;font-weight:500}.holo-muted{color:var(--h-muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.8}.holo-label{font-size:13px;font-weight:500;display:block}.holo-label>span{color:var(--h-muted);margin-left:4px;font-size:11px;font-weight:400}.holo-app input:not([type=range]):not([type=file]),.holo-app select{border:1px solid var(--h-line);width:100%;min-height:46px;color:var(--h-ink);background:#0d151f;border-radius:8px;padding:11px 13px;font-size:16px;transition:border-color .2s;display:block}.holo-label input,.holo-label select{margin-top:10px}.holo-app input::placeholder{color:#91a4ba}.holo-app input:focus,.holo-app select:focus{border-color:var(--h-accent)}.holo-disclosure{border-top:1px solid var(--h-line);border-bottom:1px solid var(--h-line);margin-bottom:-24px}.holo-disclosure+.holo-disclosure{border-top:0}.holo-disclosure summary{cursor:pointer;min-height:60px;padding:18px 0;font-size:13px}.holo-disclosure summary>span{float:right;color:var(--h-muted);font-size:12px}.holo-details-body{flex-direction:column;gap:18px;padding:3px 0 22px;animation:.2s ease-out holo-appear;display:flex}.holo-details-body summary{color:var(--h-muted);font-size:12px}.holo-key-actions{flex-wrap:wrap;gap:12px;display:flex}.holo-key-actions button{border:1px solid var(--h-line);border-radius:7px;min-height:44px;padding:9px 12px;font-size:12px}.holo-key-actions button:hover{border-color:var(--h-accent)}.holo-stats{width:100%;color:var(--h-muted);font-size:12px}.holo-stats caption{text-align:left;padding-bottom:10px;font-size:11px}.holo-stats th{text-align:left;font-weight:400}.holo-stats td{text-align:right;padding:6px}.holo-generate{margin-top:auto;padding-top:18px}.holo-primary{background:var(--h-accent);color:#101b29;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:28px;width:100%;min-height:54px;padding:15px 20px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.holo-primary:hover:not(:disabled){background:#cee8ff;transform:translateY(-2px)}.holo-primary span{font-size:21px}.holo-generate p{color:var(--h-muted);margin:11px 0 0;font-size:11px;line-height:1.8}.holo-library-tools{justify-content:space-between;gap:20px;margin-bottom:28px;display:flex}.holo-filters{gap:5px;display:flex}.holo-filters button{min-height:44px;color:var(--h-muted);border-radius:7px;padding:10px 16px;font-size:13px}.holo-filters button[aria-pressed=true]{color:var(--h-ink);background:#243447}.holo-library-tools>input{max-width:260px}.holo-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;display:grid}.holo-card{min-width:0}.holo-card-image{aspect-ratio:2/3;background:var(--h-panel);isolation:isolate;border-radius:12px;display:block;position:relative;overflow:hidden}.holo-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.holo-card-image[href]:hover img{transform:scale(1.04)}.holo-card-image:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 25%,#d8efff26 48%,#0000 65%);transition:transform .7s;position:absolute;inset:0;transform:translate(-110%)}.holo-card-image[href]:hover:after{transform:translate(100%)}.holo-status{color:#d9e7f7;background:#15202ef2;border-radius:5px;padding:6px 9px;font-size:10px;position:absolute;top:12px;left:12px}.holo-status.completed{color:#bff4da}.holo-status.failed{color:#ffcdac}.holo-open{text-align:center;background:#111b2bee;border-radius:6px;padding:12px;font-size:12px;position:absolute;bottom:12px;left:12px;right:12px}.holo-card-info{padding:16px 2px}.holo-card h3{overflow-wrap:anywhere;margin:0;font-size:16px}.holo-card-info>p{color:var(--h-muted);margin-top:7px;font-size:11px}.holo-card-actions{flex-wrap:wrap;align-items:center;gap:4px 14px;display:flex}.holo-card-actions button{min-height:44px;color:var(--h-accent);font-size:12px}.holo-card-actions .holo-delete{color:var(--h-muted);margin-left:auto}.holo-card-actions .holo-danger{color:#ffb6bd}.holo-share{align-items:center;gap:8px;display:flex}.holo-share input{font-size:12px!important}.holo-share button{flex-shrink:0;min-height:44px;font-size:12px}.holo-empty{text-align:center;background:#121c27;border-radius:12px;padding:75px 20px}.holo-empty>span{color:var(--h-accent);font-size:38px}.holo-empty h2{margin:18px 0 12px;font-size:23px}.holo-empty p{color:var(--h-muted);font-size:13px}.holo-empty button{color:#d3eaff;background:#263c50;border-radius:8px;min-height:44px;margin-top:22px;padding:12px 22px}.holo-feedback{border-radius:12px;margin-bottom:24px}.holo-feedback [class*=text-white\/]{color:var(--h-muted)}.holo-feedback button{border-radius:6px;min-height:44px}.holo-feedback [role=progressbar]{margin-top:14px}.holo-alert{color:#ffd1d9;background:#38222a;border-radius:9px;justify-content:space-between;gap:16px;margin-bottom:20px;padding:15px 20px;font-size:13px;line-height:1.7;display:flex}.holo-alert button{min-width:44px;font-size:20px}.holo-footer{border-top:1px solid var(--h-line);color:var(--h-muted);justify-content:space-between;gap:20px;margin-top:60px;padding-top:24px;font-size:11px;display:flex}.holo-footer span{font-size:10px}.holo-view{animation:.24s cubic-bezier(.16,1,.3,1) holo-appear}.holo-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.holo-gate h1{letter-spacing:-.025em;font-size:42px;font-weight:500;line-height:1.4}.holo-gate p{color:var(--h-muted);max-width:35ch;font-size:14px;line-height:1.8}.holo-gate .holo-primary{width:auto;max-width:100%}.holo-skeleton{background:#253548;border-radius:12px;width:180px;height:230px;animation:1.6s ease-in-out infinite holo-pulse}@keyframes holo-appear{0%{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes holo-pulse{50%{opacity:.4}}@media (min-width:1500px){.holo-drop{height:540px}}@media (max-width:1000px){.holo-editor{gap:30px}.holo-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.holo-app{padding:0 18px calc(50px + env(safe-area-inset-bottom))}.holo-top{height:70px}.holo-heading{padding:30px 0 24px}.holo-heading h1{font-size:29px}.holo-private{display:none}.holo-tabs{flex-wrap:wrap;gap:0;margin-bottom:24px}.holo-tabs button{flex:1;padding:15px 12px}.holo-working{text-align:center;width:100%;margin:0;padding:12px}.holo-editor{grid-template-columns:1fr;gap:30px}.holo-drop{height:380px}.holo-drop.has-image{height:440px}.holo-replace{opacity:1}.holo-settings{gap:24px}.holo-settings h2{font-size:24px}.holo-generate{padding:14px 0 max(12px,env(safe-area-inset-bottom));z-index:10;background:#0b1016f5;margin-top:0;position:sticky;bottom:0}.holo-generate p{margin-top:8px}.holo-library-tools{flex-direction:column;gap:14px}.holo-library-tools>input{max-width:none}.holo-filters button{flex:1}.holo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.holo-card h3{font-size:14px}.holo-card-actions{gap:0 10px}.holo-card-actions button{font-size:11px}.holo-status{font-size:10px;top:8px;left:8px}.holo-open{padding:10px 5px;bottom:8px;left:8px;right:8px}.holo-footer{margin-top:32px;line-height:1.8}.holo-footer span{display:none}.holo-feedback{padding:16px}.holo-gate h1{font-size:31px}.holo-share{flex-wrap:wrap}.holo-share input{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.holo-app *,.holo-app :before,.holo-app :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.holo-app button:hover,.holo-drop:hover .holo-blank-card,.holo-card-image:hover img{transform:none!important}}.holo-app{isolation:isolate;background:#0b1016;position:relative;overflow:hidden}.holo-marquee{z-index:-1;pointer-events:none;opacity:.055;position:absolute;inset:115px 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 12% 75%,#0000);mask-image:linear-gradient(#0000,#000 12% 75%,#0000)}.holo-marquee-track{letter-spacing:-.03em;white-space:nowrap;color:#afc4d9;gap:0;width:max-content;font-size:140px;font-weight:700;line-height:1.9;animation:85s linear infinite holo-marquee;display:flex}.holo-marquee-track:nth-child(2){animation-duration:100s;animation-direction:reverse}.holo-marquee-track span{flex-shrink:0;display:block}.holo-heading{padding:28px 0 22px}.holo-heading h1{font-size:28px;font-weight:500}.holo-settings>h2{margin:0 0 9px;font-size:16px}.holo-drop{background:#111922e8;border-color:#344455;border-radius:10px}.holo-drop:hover{background:#15202bef}.holo-upload-symbol{color:#a8bdcf;font-size:42px;font-weight:200;line-height:1}.holo-drop strong{margin-top:4px;font-size:17px}.holo-footer{border:0;margin-top:35px}.holo-gate h1{font-size:42px}.holo-gate .holo-brand{font-size:12px}.holo-private{display:block}@keyframes holo-marquee{to{transform:translate(-50%)}}@media (max-width:700px){.holo-marquee-track{font-size:88px;animation-duration:100s}.holo-marquee{inset:140px 0 0}.holo-heading{padding:23px 0 20px}.holo-heading h1{font-size:25px}.holo-drop{height:310px}.holo-settings>h2{font-size:16px}.holo-private{font-size:11px}.holo-app{overflow:clip}.holo-gate h1{font-size:34px}}@media (prefers-reduced-motion:reduce){.holo-marquee-track{animation:none!important}}.holo-layers{background:#0d141dcc;border:1px solid #ffffff14;border-radius:14px;margin-top:22px;padding:18px}.holo-layer-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:14px;display:grid}.holo-layer{flex-direction:column;gap:8px;margin:0;display:flex}.holo-layer-image{aspect-ratio:2/3;background:repeating-conic-gradient(#1a2230 0% 25%,#141b26 0% 50%) 50%/18px 18px;border:1px solid #ffffff14;border-radius:10px;place-items:center;display:grid;overflow:hidden}.holo-layer-image img{object-fit:contain;width:100%;height:100%}.holo-layer-image span{color:#7c8a99;font-size:11px}.holo-layer.pending .holo-layer-image{opacity:.5}.holo-layer figcaption{flex-direction:column;gap:4px;font-size:12px;display:flex}.holo-layer figcaption strong{color:var(--h-ink);font-weight:500}.holo-layer figcaption span{color:var(--h-muted);font-size:11px}.holo-layer figcaption button{color:#cfd8e2;cursor:pointer;background:#16202c;border:1px solid #fff2;border-radius:8px;margin-top:2px;padding:6px 8px;font-size:11px}.holo-layer figcaption button:hover{border-color:var(--h-accent);color:#fff}@media (max-width:520px){.holo-layer-grid{grid-template-columns:repeat(2,1fr)}}.holo-layer.ghost .holo-layer-image{border-color:#e2686855;box-shadow:0 0 0 1px #e2686855}.holo-ghost-flag{color:#f0908f;font-size:11px;font-style:normal;line-height:1.4}.holo-layer-redo{flex-direction:column;gap:4px;margin-top:2px;display:flex}.holo-layer-redo>span{color:var(--h-muted);font-size:11px}.holo-layer-redo button{text-align:left;margin-top:0}