:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#18181b;--surface:#222225;--surface-soft:#222225cc;--surface-strong:#19191d;--border:#3f3f46;--border-soft:#3f3f4680;--text:#fafafa;--muted:#a1a1aa;--success:#4ade80;--danger:#f87171;--accent:#38bdf8}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 18% 12%,#52525b42,#0000 28%),radial-gradient(circle at 82% 18%,#71717a2e,#0000 30%),linear-gradient(140deg,#020203 0%,#111113 52%,#3f3f46 100%);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}a{color:inherit}button,input,select,textarea{font:inherit}.page-shell{z-index:1;min-height:100vh;position:relative;overflow-x:hidden}.site-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.site-background-layer,.site-background-canvas,.site-background-halo{position:absolute;inset:0}.site-background-layer{opacity:.95;background:radial-gradient(circle at 20% 16%,#ffffff0f 0,#0000 16rem),radial-gradient(circle at 78% 8%,#a1a1aa1f 0,#0000 12rem),radial-gradient(circle at 50% 100%,#52525b38 0,#0000 24rem)}.site-background-canvas{width:100%;height:100%}.site-background-halo{opacity:0;filter:blur(20px);mix-blend-mode:screen;will-change:transform,opacity;background:radial-gradient(circle,#ffffff29 0%,#a1a1aa1f 34%,#18181b00 72%);border-radius:999px;width:18rem;height:18rem;transition:opacity .22s;inset:auto}.ambient-glow{display:none}.ambient-glow.a{background:#38bdf82e;width:12rem;height:12rem;top:10%;left:-3rem}.ambient-glow.b{background:#4ade8024;width:11rem;height:11rem;top:20%;right:-2rem}.container{z-index:1;width:min(100%,980px);margin:0 auto;padding:5rem 1rem 3rem;position:relative}.compact-container{align-items:center;width:min(100%,1220px);min-height:100vh;padding-top:2rem;padding-bottom:2rem;display:flex}.stack{flex-direction:column;gap:1rem;display:flex}.compact-stack{gap:.85rem;width:100%}.hero{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.compact-hero{gap:.75rem}.hero-head{justify-content:center;align-items:center;display:flex}.hero-title{letter-spacing:0;margin:0;font-size:1.5rem;font-weight:700;line-height:1.1}.inline-title{white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:baseline;gap:.5rem;display:flex}.inline-title>span{white-space:nowrap}.cursive{font-family:Segoe Script,Brush Script MT,Snell Roundhand,cursive;font-size:1.24rem;font-style:normal;line-height:1;text-decoration:none}.author-link{color:var(--muted);cursor:pointer;white-space:nowrap;align-items:baseline;text-decoration:none;transition:color .2s,text-shadow .2s,filter .2s;display:inline-flex}.author-link:hover{color:#fafafa;text-shadow:0 0 10px #fafafa2e;filter:brightness(1.06)}.hero-subtitle{max-width:760px;color:var(--muted);margin:0;font-style:italic;line-height:1.6}.header-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;display:flex}.nav-link-chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:.45rem .85rem;font-size:.85rem;line-height:1;text-decoration:none;transition:color .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.nav-link-chip:hover{color:#fff;background:var(--surface-strong);border-color:#52525b;box-shadow:0 0 10px #ffffff0f}.tool-stack{flex-direction:column;align-items:flex-end;gap:.45rem;display:inline-flex}.compact-nav-link{padding:.38rem .75rem;font-size:.78rem}.panel-inline-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.download-top-tools{justify-content:center}.lang-switch{background:var(--surface);border:1px solid var(--border);border-radius:999px;gap:.35rem;padding:.35rem;display:inline-flex}.lang-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.45rem .8rem;transition:background .2s,color .2s}.lang-switch button.active{background:var(--surface-strong);color:#fff}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:none;border-radius:1.25rem;padding:1.35rem}.compact-panel{padding:1rem}.panel-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel-head-left{align-items:center;gap:.75rem;display:flex}.panel-head h2,.panel-head h3{margin:0;font-size:1rem}.panel-head p{color:var(--muted);margin:.1rem 0 0;font-size:.92rem}.icon-chip,.metric-chip{border:1px solid var(--border);background:var(--surface);min-width:2.5rem;min-height:2.5rem;color:var(--text);border-radius:.9rem;justify-content:center;align-items:center;gap:.35rem;padding:.55rem .8rem;display:inline-flex}.metric-chip{min-height:auto;color:var(--muted);font-size:.82rem}.metric-chip.strong{color:#fff;background:var(--surface)}.metric-chip-link{cursor:pointer;text-decoration:none}.download-metrics-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.download-metrics-row>.inline-metrics{margin-top:0}.simple-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.drop-zone{border:1px dashed var(--border);background:var(--surface);text-align:center;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:148px;padding:1rem;transition:border-color .2s,background .2s,transform .2s;display:flex}.selected-files-shell{background:0 0;border:1px dashed #0000;border-radius:1rem;flex-direction:column;gap:.75rem;padding:.85rem;transition:border-color .2s,background .2s,transform .2s;display:flex}.selected-files-shell.active{background:#ffffff05;border-color:#52525b;transform:translateY(-1px)}.selected-files-shell .file-list{max-height:154px;padding-right:.25rem;overflow-y:auto}.selected-file-row{border:1px solid var(--border);background:var(--surface);border-radius:.95rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.selected-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.selected-file-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.65rem;display:inline-flex}.selected-file-size{color:var(--muted);white-space:nowrap;font-size:.82rem}.remove-file-button,.change-button{border:1px solid var(--border);background:var(--surface-strong);color:var(--muted);cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;padding:.35rem .65rem;font-size:.8rem;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.remove-file-button{flex-shrink:0;width:2rem;height:2rem;padding:0}.change-button:hover{color:#fff;border-color:#52525b}.selected-files-shell .change-button{align-self:flex-start}.remove-file-button:hover{color:#fff;border-color:#52525b}.drop-zone.active{background:var(--surface);border-color:#52525b;transform:translateY(-1px)}.drop-text{color:var(--muted);font-size:.9rem}.drop-subtext,.archive-hint{max-width:28rem;color:var(--muted);text-align:center;margin:0;font-size:.8rem;line-height:1.45}.toggle-row{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.builder-stage{flex-direction:column;gap:1rem;display:flex}.builder-form{width:100%;margin:0;padding:0}.builder-row{gap:1rem;width:100%;margin:0;padding:0;display:flex;align-items:stretch!important}.builder-sidebar{flex:0 0 78px;width:78px;min-width:78px;align-self:stretch!important;margin:0!important;padding:0!important;position:static!important;top:0!important;transform:none!important}.builder-sidebar-stack,.builder-main{flex-direction:column;gap:.85rem;display:flex}.builder-sidebar-stack{align-items:center;min-height:100%;padding:.7rem}.builder-main{flex:640px;min-width:0;align-self:stretch!important;margin:0!important;padding:1.15rem!important;position:static!important;top:0!important;transform:none!important}.builder-main-body{display:block}.builder-main.history-mode .builder-main-body{flex-direction:column;flex:auto;min-height:0;display:flex}.builder-row>.builder-sidebar,.builder-row>.builder-main{margin-top:0!important}.side-control{aspect-ratio:1;border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--muted);cursor:pointer;border-radius:.9rem;justify-content:center;align-items:center;padding:0;transition:color .2s,border-color .2s,background .2s,transform .2s;display:flex}.side-control:hover{border-color:#52525b;transform:translateY(-1px)}.side-control.active{color:#fff;border-color:#52525b}.side-control-label{display:none}.side-lang-button{letter-spacing:.04em;font-size:.82rem;font-weight:700}.side-lang-text{color:#fff;line-height:1;transition:color .2s}.side-lang-button:hover .side-lang-text,.side-lang-button:focus-visible .side-lang-text{color:#fff}.main-option-stack{flex-direction:column;gap:.75rem;min-height:98px;margin-top:.9rem;display:flex}.main-mode-panel{flex-direction:column;gap:.8rem;min-height:220px;display:flex}.builder-main.history-mode .main-mode-panel{flex:auto;min-height:0}.main-mode-title{color:var(--muted);font-size:.92rem}.section-top-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.7rem;display:flex}.inline-option-card{border:1px solid var(--border);background:var(--surface);border-radius:.95rem;padding:.9rem 1rem}.select-wrap{position:relative}.duration-select{border:1px solid var(--border);background:var(--surface-strong);width:100%;min-height:3rem;color:var(--muted);appearance:none;border-radius:.9rem;outline:none;padding:.75rem 2.8rem .75rem .95rem;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.duration-select:hover,.duration-select:focus{color:#fff;border-color:#52525b;box-shadow:0 0 0 1px #52525b40}.select-chevron{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:.95rem;transform:translateY(-50%)}.builder-feedback{margin-left:calc(78px + 1rem)}.toggle-chip{border:1px solid var(--border);background:var(--surface-strong);color:var(--muted);cursor:pointer;border-radius:.9rem;justify-content:center;align-items:center;gap:.4rem;padding:.7rem .9rem;transition:color .2s,border-color .2s,background .2s,transform .2s;display:inline-flex}.toggle-chip.active{color:#fff;background:var(--surface-strong);border-color:#52525b}.toggle-chip:hover{transform:translateY(-1px)}.compact-field{margin-top:.9rem}.progress-wrap{border:1px solid var(--border);background:var(--surface);border-radius:1rem;margin-top:1rem;padding:.85rem 1rem}.progress-head{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.55rem;font-size:.85rem;display:flex}.progress-track{background:var(--surface-strong);border-radius:999px;width:100%;height:.55rem;overflow:hidden}.progress-fill{background:#fafafa;border-radius:999px;height:100%;transition:width .15s}.file-picker{border:1px dashed var(--border);background:var(--surface);border-radius:1rem;flex-direction:column;gap:.9rem;padding:1rem;display:flex}.file-picker-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.file-picker input[type=file]{display:none}.picker-button,.ghost-button,.link-button,.shine-button{border:1px solid var(--border);cursor:pointer;border-radius:.9rem;text-decoration:none;transition:transform .2s,border-color .2s,background .2s,color .2s}.picker-button,.ghost-button,.link-button{background:var(--surface-strong);color:#fff;justify-content:center;align-items:center;gap:.5rem;padding:.82rem 1rem;display:inline-flex}.ghost-button{color:var(--muted)}.link-button{width:fit-content}.picker-button:hover,.ghost-button:hover,.link-button:hover,.shine-button:hover{border-color:#52525b;transform:translateY(-1px)}.file-list,.history-list,.feature-list,.share-file-list{flex-direction:column;gap:.7rem;display:flex}.file-item,.history-item,.feature-item,.share-file-item{border:1px solid var(--border);background:var(--surface);border-radius:.95rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.item-main{min-width:0}.item-main strong,.item-main p{margin:0;display:block}.item-main strong,.history-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-main p,.item-muted,.mini-note{color:var(--muted);font-size:.85rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem;display:grid}.field{flex-direction:column;gap:.5rem;display:flex}.field.full{grid-column:1/-1}.field label{color:var(--muted);font-size:.92rem}.field input,.field select,.field textarea{border:1px solid var(--border);background:var(--surface-strong);color:#fff;border-radius:.9rem;outline:none;width:100%;padding:.92rem .95rem}.field-input-wrap{width:100%;position:relative}.field-input-wrap input{padding-right:3rem}.field-input-button{width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.65rem;justify-content:center;align-items:center;transition:color .2s,background .2s;display:inline-flex;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.field-input-button:hover{color:#fff;background:#ffffff0f}.field textarea{resize:vertical;min-height:92px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#52525b}.field-hint{color:var(--muted);margin:0;font-size:.78rem}.field-hint.limit-reached{color:var(--danger)}.presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.preset-button{text-align:left;border:1px solid var(--border);background:var(--surface-strong);color:#fff;cursor:pointer;border-radius:1rem;width:100%;padding:.95rem}.preset-button span{color:var(--muted);margin-top:.35rem;font-size:.8rem;display:block}.shine-button{color:#fff;background:#0a0a0a;width:100%;margin-top:1rem;padding:1rem 1.1rem;position:relative;overflow:hidden}.shine-button:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);transition:transform .9s;position:absolute;inset:0;transform:skew(-18deg)translate(-120%)}.shine-button:hover:after{transform:skew(-18deg)translate(140%)}.shine-button:disabled,.picker-button:disabled,.ghost-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.status-card{border:1px solid var(--border);background:var(--surface);border-radius:1rem;margin-top:1rem;padding:1rem}.files-toggle{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:0;display:flex}.files-toggle-copy,.files-toggle-meta{align-items:center;gap:.65rem;display:inline-flex}.files-toggle-copy span,.files-toggle-meta span{color:var(--muted);font-size:.82rem}.files-toggle-icon{color:var(--muted);transition:transform .2s}.files-toggle.active .files-toggle-icon{transform:rotate(180deg)}.collapsible-share-file-list{max-height:240px;margin-top:.75rem;padding-right:.25rem;overflow-y:auto}.status-card.success{background:var(--surface);border-color:#4ade804d}.status-card.error{background:var(--surface);border-color:#f871714d}.status-actions,.history-actions,.download-actions{flex-wrap:wrap;gap:.75rem;margin-top:.9rem;display:flex}.inline-metrics{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.inline-metrics-split{justify-content:space-between;align-items:center;width:100%}.history-item{align-items:flex-start}.history-body{flex:1;min-width:0}.history-name{margin:0 0 .25rem;font-weight:600}.history-meta{color:var(--muted);flex-wrap:wrap;gap:.65rem;font-size:.8rem;display:flex}.feature-item{align-items:flex-start}.feature-item svg{flex-shrink:0;margin-top:.1rem}.feature-item strong{margin-bottom:.25rem;display:block}.feature-item p{color:var(--muted);margin:0;line-height:1.5}.download-wrap{width:min(100%,760px);margin:0 auto}.history-shell{border:1px solid var(--border);background:var(--surface);border-radius:1.25rem;flex-direction:column;flex:auto;gap:0;width:100%;height:100%;min-height:0;padding:0;display:flex;overflow:hidden}.history-empty{flex:1 1 0;justify-content:center;align-items:center;padding:1rem;display:flex}.history-empty p{color:#9ca3af;text-align:center;margin:0;font-size:1.05rem}.history-entry{border:1px solid #3f3f46;border-radius:.75rem;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.7rem;display:flex}.history-entry+.history-entry{margin-top:.5rem}.history-list-scroll{flex:1 1 0;min-height:0;padding:1rem;overflow-y:auto}.history-entry-main{align-items:flex-start;gap:.5rem;width:100%;display:flex}.history-entry-text{flex-direction:column;gap:.4rem;width:100%;min-width:0;display:flex}.history-file-name{color:#e5e7eb;overflow-wrap:anywhere;word-break:break-word;font-size:.9rem;font-weight:600}.history-meta-row{align-items:center;gap:.5rem;display:flex}.history-meta-grid{flex-direction:column;align-items:flex-start;gap:.2rem}.history-meta-row i{color:#d4d4d8;width:fit-content;font-size:.78rem;font-style:italic;display:block}.history-copy-wrap{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;width:auto;display:flex}.history-download-link{border:1px solid var(--border);color:#fff;background:var(--surface-strong);border-radius:.6rem;justify-content:center;align-items:center;gap:.5rem;width:fit-content;padding:.5rem .7rem;text-decoration:none;display:inline-flex}.history-copy-button{border:1px solid var(--border);color:#fff;background:var(--surface-strong);cursor:pointer;border-radius:.6rem;justify-content:center;align-items:center;gap:.5rem;width:fit-content;padding:.5rem;display:inline-flex}.history-item-trash-button{border:1px solid var(--border);color:#f87171;background:var(--surface-strong);cursor:pointer;border-radius:.6rem;justify-content:center;align-items:center;width:fit-content;min-width:48px;padding:.5rem;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.history-item-trash-button:hover{color:#fff;background:#f8717133;border-color:#f8717166}.history-close-wrap{justify-content:center;display:flex}.history-close-link{color:#9ca3af;cursor:pointer;font-style:italic;text-decoration:underline}.hero-note{color:var(--muted);margin:0;font-size:.95rem}.status-banner{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.82rem;display:inline-flex}.status-banner.success{color:var(--success);border-color:#4ade804d}.status-banner.danger{color:#fca5a5;border-color:#f8717147}.download-title{margin:0;font-size:clamp(1.5rem,3vw,2.2rem)}.download-subtitle{color:var(--muted);margin:.35rem 0 0;line-height:1.6}.share-file-item{align-items:flex-start}.footer-note{color:var(--muted);text-align:center;margin:.25rem 0 0;font-size:.8rem}@media (max-width:900px){.compact-container{min-height:auto;display:block}.form-grid,.presets{grid-template-columns:1fr}.builder-row{flex-direction:column}.builder-sidebar{flex:none;width:100%;min-width:0}.builder-sidebar-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;width:100%;display:grid}.side-control{width:100%}.builder-feedback{margin-left:0}.history-header{flex-wrap:wrap}}@media (max-width:640px){.container{padding:3rem .75rem 2rem}.compact-container{padding-top:2rem;padding-bottom:2rem}.builder-row{gap:.85rem}.hero-head,.inline-title{width:100%}.inline-title{white-space:normal;flex-wrap:wrap;row-gap:.1rem}.hero-title{text-align:center;font-size:1.35rem}.cursive{font-size:1.08rem}.hero-subtitle{max-width:32rem;font-size:.9rem;line-height:1.5}.builder-main{padding:.9rem!important}.panel{padding:1rem}.panel-head,.simple-head,.history-entry,.file-item,.history-item,.feature-item,.share-file-item,.files-toggle{flex-direction:column;align-items:flex-start}.panel-head,.simple-head{margin-bottom:.85rem}.panel-head-left{width:100%;min-width:0}.panel-head-left strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.share-file-item .item-main{width:100%;min-width:0}.share-file-item .item-main strong{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.files-toggle-meta{justify-content:space-between;width:100%}.selected-file-row{flex-direction:column;align-items:flex-start}.selected-file-name{white-space:normal;overflow-wrap:anywhere;width:100%}.selected-file-actions{justify-content:space-between;width:100%}.change-button{margin-left:auto}.toggle-row{flex-direction:column;gap:.5rem}.inline-metrics-split{flex-direction:column;align-items:stretch;gap:.65rem}.inline-metrics>.metric-chip,.inline-metrics-split>.metric-chip,.download-metrics-row .metric-chip{justify-content:flex-start;width:100%}.compact-nav-link{width:100%}.section-top-row{flex-direction:column;align-items:stretch}.section-top-row .compact-nav-link{width:100%}.download-metrics-row{flex-direction:column;align-items:stretch;gap:.65rem}.download-metrics-row>.inline-metrics{width:100%}.file-picker-row{align-items:stretch}.picker-button,.ghost-button,.link-button,.toggle-chip{width:100%}.tool-stack,.panel-inline-tools{align-items:stretch;width:100%}.builder-sidebar-stack{gap:.5rem}.side-control{aspect-ratio:auto;border-radius:.8rem;flex-direction:column;gap:.3rem;min-height:3.1rem;padding:.45rem .35rem}.side-control-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.68rem;line-height:1;display:block;overflow:hidden}.history-header{flex-wrap:wrap;gap:.75rem}.history-header-left,.history-header-actions{justify-content:space-between;width:100%}.history-entry-main{align-items:flex-start}.history-entry-text{width:100%;min-width:0}.history-list-scroll{padding:.75rem}.history-entry{gap:.65rem;padding:.75rem}.simple-head .status-banner,.download-actions .ghost-button{justify-content:center;width:100%}input,select,textarea{font-size:16px}.history-actions,.status-actions,.download-actions,.history-copy-wrap{width:100%}.history-copy-wrap{justify-content:stretch}.history-actions .ghost-button,.history-actions .link-button,.status-actions .ghost-button,.status-actions .link-button,.download-actions .ghost-button,.download-actions .link-button,.history-download-link,.history-copy-button,.history-item-trash-button{flex:1}.history-download-link,.history-copy-button,.history-item-trash-button{justify-content:center;width:100%}}@media (max-width:420px){.container{padding:2.4rem .7rem 1.8rem}.hero-title{font-size:1.25rem}.cursive{font-size:1rem}.builder-sidebar-stack{gap:.45rem}.side-control{min-height:3.8rem}.history-empty p{font-size:1rem}}