:root{color-scheme:dark;--bg-0: #06060a;--bg-1: #0c0c11;--bg-2: #131319;--bg-3: #1a1a22;--bg-4: #23232e;--bg-5: #2d2d3a;--line-soft: #1d1d26;--line: #262631;--line-strong: #34343f;--text-0: #f4f5f9;--text-1: #b4b8c6;--text-2: #7b8093;--text-3: #53576a;--accent: #22d3ee;--accent-dim: rgba(34, 211, 238, .16);--accent-line: rgba(34, 211, 238, .42);--danger: #f45b69;--radius-lg: .75rem;--radius: .5625rem;--radius-sm: .375rem;--shadow-pop: 0 1rem 2.5rem -1.125rem rgba(0, 0, 0, .85);--font: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Courier New", monospace;--ease: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg-0);color:var(--text-0);font-family:var(--font);font-size:.8125rem;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}::selection{background:var(--accent-dim);color:var(--text-0)}::-webkit-scrollbar{width:.5625rem;height:.5625rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:999px;border:.125rem solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--bg-5);background-clip:padding-box}button{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none;cursor:pointer}input{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;height:2.125rem;padding:0 .875rem;border-radius:var(--radius-sm);background:var(--bg-3);border:.0625rem solid var(--line);color:var(--text-1);font-size:.7813rem;font-weight:500;white-space:nowrap;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease),transform .12s var(--ease);-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){background:var(--bg-4);border-color:var(--line-strong);color:var(--text-0)}.btn:active:not(:disabled){transform:translateY(.0625rem)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,#23d8f0,#12a9c6);border-color:#2ad9ee;color:#04191d;font-weight:650;letter-spacing:.0125rem}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#3ee4f8,#16bcd9);border-color:#45e6f8;color:#04191d}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn--ghost:hover:not(:disabled){background:var(--bg-3);color:var(--text-0)}.btn--block{width:100%}.btn--lg{height:2.5rem;font-size:.8125rem}.btn--sm{height:1.75rem;padding:0 .625rem;font-size:.7188rem}.btn--icon{width:2.125rem;padding:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 .625rem;font-size:.6563rem;font-weight:700;letter-spacing:.0688rem;text-transform:uppercase;color:var(--text-3)}:focus-visible{outline:none;border-color:var(--accent-line);box-shadow:0 0 0 .0625rem var(--accent-dim) inset}.chip{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5625rem;border-radius:999px;background:var(--bg-2);border:.0625rem solid var(--line-soft);font-size:.7188rem;color:var(--text-3);white-space:nowrap}.chip b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-1)}.segmented{display:inline-flex;padding:.125rem;border-radius:var(--radius-sm);background:var(--bg-1);border:.0625rem solid var(--line)}.segmented__item{min-width:2.375rem;padding:.25rem .5rem;border-radius:.3125rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;color:var(--text-3);transition:background .16s var(--ease),color .16s var(--ease)}.segmented__item:hover:not(.segmented__item--active){color:var(--text-1)}.segmented__item--active{background:var(--bg-4);color:var(--accent);box-shadow:0 .0625rem #ffffff0a inset}.readout{display:flex;flex-direction:column;gap:.0625rem;border-radius:var(--radius);overflow:hidden;background:var(--line-soft)}.readout__row{display:flex;align-items:center;justify-content:space-between;gap:.625rem;padding:.5rem .6875rem;background:var(--bg-3)}.readout__key{font-size:.7188rem;color:var(--text-3)}.readout__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.7188rem;color:var(--text-1)}.readout__value--accent{color:var(--accent);font-weight:600}.slider{display:flex;align-items:center;gap:.625rem}.slider__track{position:relative;flex:1;min-width:0;display:flex;align-items:center}.slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.25rem;border-radius:999px;background:var(--bg-4);outline:none;cursor:pointer}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.8125rem;height:.8125rem;border-radius:50%;background:var(--accent);border:.125rem solid #08252b;box-shadow:0 0 .5rem #22d3ee73;transition:transform .12s var(--ease)}.slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider__value{min-width:2.75rem;text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.7188rem;color:var(--text-1)}.empty{display:flex;flex-direction:column;align-items:center;gap:.375rem;margin:auto;text-align:center;pointer-events:none}.empty__mark{position:relative;width:4.75rem;height:4.75rem;margin-bottom:.875rem;opacity:.75}.empty__mark span{position:absolute;width:1.375rem;height:1.375rem;border:.125rem solid var(--accent);opacity:.8}.empty__mark span:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-radius:.25rem 0 0}.empty__mark span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-radius:0 .25rem 0 0}.empty__mark span:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 .25rem}.empty__mark span:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 .25rem}.empty__title{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-1)}.empty__desc{margin:0;font-size:.7813rem;color:var(--text-3)}.empty__desc b{color:var(--accent);font-weight:600}.empty__btn{margin-top:1.125rem;pointer-events:auto}html{font-size:16px}@media(min-width:1600px){html{font-size:20px}}.app-shell{display:flex;flex-direction:column;height:100%;background:var(--bg-0)}.topbar{flex:none;display:flex;align-items:center;box-sizing:border-box;height:3.5rem;padding:0 1rem 0 1.125rem;background:var(--bg-1);border-bottom:.0625rem solid var(--line);-webkit-user-select:none;user-select:none}.topbar__actions{display:flex;align-items:center;gap:.25rem;margin-left:auto}.topbar__icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);color:var(--text-3);transition:background .16s var(--ease),color .16s var(--ease)}.topbar__icon:hover:not(:disabled){background:var(--bg-3);color:var(--text-0)}.topbar__icon:disabled{opacity:.38;cursor:not-allowed}.topbar__icon--accent,.topbar__icon--accent:hover:not(:disabled){color:var(--accent)}.topbar__icon--accent:hover:not(:disabled){background:var(--accent-dim)}.brand{display:flex;align-items:center;gap:.625rem;padding-right:.25rem;-webkit-user-select:none;user-select:none}.brand__mark{display:block;color:var(--accent);filter:drop-shadow(0 0 .625rem rgba(34,211,238,.28))}.brand__text{display:flex;flex-direction:column;justify-content:center;line-height:1.15}.brand__name{font-size:.9375rem;font-weight:650;letter-spacing:.125rem;margin-bottom:.5rem;color:var(--text-0)}.brand__sub{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.image-meta{display:flex;align-items:center;gap:.5rem;min-width:0;animation:meta-in .18s var(--ease)}@keyframes meta-in{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:none}}.image-meta__name{max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.1875rem .625rem;border-radius:var(--radius-sm);background:var(--bg-2);border:.0625rem solid var(--line-soft);font-size:.7188rem;color:var(--text-1)}.workspace{flex:1;min-height:0;display:flex}.toolrail{flex:none;width:4.25rem;display:flex;flex-direction:column;gap:.25rem;padding:.75rem .5rem;background:var(--bg-2);border-right:.0625rem solid var(--line-soft)}.toolrail__item{display:flex;flex-direction:column;align-items:center;gap:.4375rem;padding:.6875rem .25rem;border-radius:var(--radius);color:var(--text-3);font-size:.6875rem;font-weight:500;transition:background .16s var(--ease),color .16s var(--ease)}.toolrail__item:hover:not(:disabled):not(.is-active){background:var(--bg-3);color:var(--text-1)}.toolrail__item:disabled{opacity:.38;cursor:not-allowed}.toolrail__item.is-active{background:var(--accent-dim);color:var(--accent)}.panel-col{flex:none;width:18rem;display:flex;flex-direction:column;min-height:0;background:var(--bg-2);border-right:.0625rem solid var(--line-soft)}.panel-col__head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem 1rem .75rem;border-bottom:.0625rem solid var(--line-soft)}.panel-col__title{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--text-0)}.panel-col__title svg{color:var(--accent)}.panel-col__body{flex:1;min-height:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1.125rem}.panel-col.is-disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.panel-col.is-disabled .panel-col__head,.panel-col.is-disabled .panel-col__body{opacity:.42}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-hint{font-size:.6875rem;line-height:1.6;color:var(--text-3)}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}.preset-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.preset-grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}.preset{display:flex;align-items:center;justify-content:center;height:2.125rem;border-radius:var(--radius);background:var(--bg-3);border:.0625rem solid var(--line);color:var(--text-2);font-size:.6875rem;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}.preset:hover:not(.is-active){background:var(--bg-4);border-color:var(--line-strong);color:var(--text-0)}.preset.is-active{background:var(--accent-dim);border-color:var(--accent-line);color:var(--accent);font-weight:600}.ratio-input{display:flex;align-items:center;gap:.375rem}.ratio-input__field{flex:1;min-width:0;height:2.125rem;padding:0 .5rem;border-radius:var(--radius-sm);background:var(--bg-3);border:.0625rem solid var(--line);color:var(--text-0);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.7813rem;text-align:center;outline:none;transition:border-color .16s var(--ease)}.ratio-input__field:focus{border-color:var(--accent-line)}.ratio-input.is-active .ratio-input__field{border-color:var(--accent-line)}.ratio-input__field::-webkit-outer-spin-button,.ratio-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ratio-input__field[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.ratio-input__sep{color:var(--text-3);font-family:var(--font-mono);font-size:1.5rem}.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.filter-card{display:flex;flex-direction:column;gap:.375rem;padding:.375rem;border-radius:var(--radius);background:var(--bg-3);border:.0625rem solid var(--line);transition:background .16s var(--ease),border-color .16s var(--ease)}.filter-card:hover:not(.is-active){background:var(--bg-4);border-color:var(--line-strong)}.filter-card.is-active{border-color:var(--accent-line);background:var(--accent-dim)}.filter-card__thumb{width:100%;height:4.125rem;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-1);display:block}.filter-card__thumb--placeholder{display:grid;place-items:center;font-size:.625rem;color:var(--text-3)}.filter-card__label{font-size:.6875rem;color:var(--text-2);text-align:center}.filter-card.is-active .filter-card__label{color:var(--accent);font-weight:600}.icon-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem}.icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3125rem;height:3.25rem;border-radius:var(--radius);background:var(--bg-3);border:.0625rem solid var(--line);color:var(--text-2);font-size:.625rem;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}.icon-btn:hover:not(.is-active){background:var(--bg-4);border-color:var(--line-strong);color:var(--text-0)}.icon-btn.is-active{background:var(--accent-dim);border-color:var(--accent-line);color:var(--accent)}.stage-col{flex:1;min-width:0;display:flex;flex-direction:column}.canvas-bar{flex:none;display:flex;align-items:center;gap:.75rem;box-sizing:border-box;height:3rem;padding:0 .875rem;background:var(--bg-1);border-top:.0625rem solid var(--line);-webkit-user-select:none;user-select:none;overflow:hidden}.canvas-bar__actions{flex:none;display:flex;align-items:center;gap:.5rem;margin-left:auto}.canvas-bar__sep{width:.0625rem;height:1.25rem;margin:0 .25rem;background:var(--line)}.stage{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;background-color:var(--bg-1);background-image:radial-gradient(48rem 24rem at 50% -10%,rgba(34,211,238,.05),transparent 70%),linear-gradient(rgba(255,255,255,.018) .0625rem,transparent .0625rem),linear-gradient(90deg,rgba(255,255,255,.018) .0625rem,transparent .0625rem);background-size:100% 100%,1.375rem 1.375rem,1.375rem 1.375rem}.stage__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.stage.is-crop-mode .stage__canvas{cursor:default}.stage.is-picking .stage__canvas,.stage.is-picking.is-crop-mode .stage__canvas{cursor:crosshair}.minimap{position:absolute;left:.875rem;bottom:.875rem;z-index:2;width:10.5rem;height:7rem;border-radius:var(--radius-sm);background:#08080cb8;border:.0625rem solid var(--line);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);box-shadow:var(--shadow-pop);overflow:hidden;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;animation:minimap-in .16s var(--ease)}@keyframes minimap-in{0%{opacity:0;transform:translateY(.375rem)}to{opacity:1;transform:none}}.minimap__canvas{display:block;width:100%;height:100%}.minimap__viewport{position:absolute;border:.0625rem solid var(--accent);border-radius:.125rem;background:#22d3ee1f;box-shadow:0 0 0 .0625rem #00000073;cursor:grab;transition:background .16s var(--ease)}.minimap__viewport:hover{background:#22d3ee33}.text-list{display:flex;flex-direction:column;gap:.125rem;max-height:9.4rem;overflow-y:auto}.text-list__item{display:flex;align-items:center;gap:.125rem}.text-list__pick{flex:1;min-width:0;padding:.375rem .5rem;border-radius:var(--radius-sm);text-align:left;font-size:.75rem;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .16s var(--ease),color .16s var(--ease)}.text-list__pick:hover:not(.is-active){background:var(--bg-4);color:var(--text-0)}.text-list__pick.is-active{background:var(--accent-dim);color:var(--accent)}.text-list__remove{flex:none;display:grid;place-items:center;aspect-ratio:1 / 1;align-self:stretch;border-radius:var(--radius-sm);color:var(--text-3);transition:background .16s var(--ease),color .16s var(--ease)}.text-list__remove:hover{background:var(--bg-4);color:var(--danger)}.text-input{height:2.125rem;padding:0 .625rem;border-radius:var(--radius-sm);background:var(--bg-3);border:.0625rem solid var(--line);color:var(--text-0);font-size:.8125rem;outline:none;transition:border-color .16s var(--ease)}.text-input:focus{border-color:var(--accent-line)}.text-input--area{width:100%;height:auto;min-height:6.75rem;padding:.5rem .625rem;line-height:1.5;resize:vertical;font-size:.8125rem;font-family:inherit}.font-select{width:100%;height:2rem;padding:0 .5rem;background:var(--bg-2);border:.0625rem solid var(--line);border-radius:var(--radius-sm);color:var(--text-0);font-size:.75rem;cursor:pointer;transition:border-color .16s var(--ease)}.font-select:hover{border-color:var(--line-strong)}.font-select:focus-visible{outline:none;border-color:var(--accent-line)}.seg-mark{font-size:.8125rem;line-height:1}.seg-mark--bold{font-weight:800}.seg-mark--italic{font-style:italic;font-weight:600}.seg-mark--underline{text-decoration:underline;text-underline-offset:.125rem}.seg-mark--strike{text-decoration:line-through}.stage__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none}.stage.is-dropping:after{content:"";position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;border:.125rem dashed var(--accent-line);border-radius:var(--radius-lg);background:#22d3ee0d;pointer-events:none}.zoombar{position:absolute;right:1.125rem;bottom:.875rem;display:flex;align-items:center;gap:.125rem;padding:.1875rem;border-radius:999px;background:#0c0c11d9;border:.0625rem solid var(--line);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);box-shadow:var(--shadow-pop)}.zoombar__btn,.picker-bar__copy{display:grid;place-items:center;width:1.625rem;height:1.625rem;border-radius:50%;font-size:.9375rem;line-height:1;color:var(--text-2);transition:background .15s var(--ease),color .15s var(--ease)}.zoombar__btn:hover:not(:disabled):not(.is-active),.picker-bar__copy:hover:not(:disabled){background:var(--bg-4);color:var(--text-0)}.zoombar__btn:disabled,.picker-bar__copy:disabled{opacity:.32;cursor:not-allowed}.zoombar__btn.is-active{background:var(--accent-dim);color:var(--accent)}.zoombar__sep{width:.0625rem;height:1rem;margin:0 .1875rem;background:var(--line)}.picker-bar{position:absolute;right:1.125rem;bottom:3.5rem;display:flex;align-items:center;gap:.375rem;padding:.25rem .3125rem .25rem .5rem;border-radius:999px;background:#0c0c11d9;border:.0625rem solid var(--line);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);box-shadow:var(--shadow-pop)}.picker-bar__swatch{width:1.125rem;height:1.125rem;border-radius:var(--radius-sm);border:.0625rem solid var(--line-strong)}.picker-bar__swatch.is-empty{background:var(--bg-3)}.picker-bar__value{min-width:4.5rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.7188rem;color:var(--text-1)}.zoombar__value{min-width:3.25rem;padding:0 .25rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.7188rem;font-weight:600;color:var(--accent);text-align:center}.stage-toast{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);padding:.4375rem .875rem;border-radius:999px;background:#0c0c11e6;border:.0625rem solid var(--line);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);font-size:.7188rem;color:var(--text-1);pointer-events:none;animation:toast-in .18s var(--ease)}.stage-toast b{color:var(--accent);font-weight:600}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,.5rem)}to{opacity:1;transform:translate(-50%)}}.dialog-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:2rem;background:#040408b8;animation:mask-in .16s var(--ease)}@keyframes mask-in{0%{opacity:0}to{opacity:1}}.dialog{width:100%;max-width:27rem;max-height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-2);border:.0625rem solid var(--line);box-shadow:var(--shadow-pop);animation:dialog-in .18s var(--ease)}@keyframes dialog-in{0%{opacity:0;transform:translateY(.5rem) scale(.985)}to{opacity:1;transform:none}}.dialog__head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.875rem 1rem;border-bottom:.0625rem solid var(--line-soft)}.dialog__title{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--text-0)}.dialog__title svg{color:var(--accent)}.dialog__close{display:grid;place-items:center;width:1.625rem;height:1.625rem;border-radius:var(--radius-sm);color:var(--text-3);transition:background .16s var(--ease),color .16s var(--ease)}.dialog__close:hover{background:var(--bg-4);color:var(--text-0)}.dialog__body{flex:1;min-height:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.dialog__foot{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:.75rem 1rem;border-top:.0625rem solid var(--line-soft)}.dialog__actions{display:flex;gap:.5rem}.segmented--block{display:flex;width:100%}.segmented--block .segmented__item{flex:1;padding:.375rem .5rem}.slider.is-disabled{opacity:.45;pointer-events:none}.about-tabs{flex:none;padding:.75rem 1rem 0}.about-tabs .segmented__item{flex:1}.about-brand{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 0 .25rem}.brand--stack{flex-direction:column;gap:.6875rem;padding-right:0}.brand--stack .brand__text{align-items:center;text-align:center}.about-brand__ver{margin:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.6875rem;color:var(--text-3)}.about-block{display:flex;flex-direction:column}.about-keys{display:flex;align-items:center;gap:.25rem}.about-keys__plus{font-size:.625rem;color:var(--text-3)}.about-kbd{display:inline-block;min-width:1.375rem;padding:.0625rem .375rem;border-radius:.25rem;background:var(--bg-1);border:.0625rem solid var(--line);border-bottom-width:.125rem;font-family:var(--font-mono);font-size:.6875rem;line-height:1.4;color:var(--text-1);text-align:center}.about-note{margin-left:.375rem;font-size:.6563rem;color:var(--text-3)}.about-author{display:flex;align-items:center;gap:.75rem}.about-author__avatar{flex:none;width:3rem;height:3rem;border-radius:50%;background:var(--bg-4);border:.0625rem solid var(--line);object-fit:cover}.about-author__info{min-width:0;display:flex;flex-direction:column;gap:.25rem}.about-author__name{margin:0;font-size:.8125rem;font-weight:600;color:var(--text-0)}.about-author__handle{margin-left:.375rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:400;color:var(--text-3)}.about-author__links{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.about-link{display:inline-flex;align-items:center;gap:.3125rem;padding:.1875rem .5rem;border-radius:var(--radius-sm);background:var(--bg-3);border:.0625rem solid var(--line);font-size:.7188rem;color:var(--text-2);text-decoration:none;transition:background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease)}.about-link:hover{background:var(--bg-4);border-color:var(--line-strong);color:var(--text-0)}.dialog--preview{width:calc(100% - 6rem);max-width:none;height:calc(100% - 6rem)}.preview{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--bg-1);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.preview.is-grabbing{cursor:grabbing}.preview__img{position:absolute;top:50%;left:50%;transform-origin:center;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.dialog__meta{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.7188rem;font-weight:500;color:var(--text-3)}.dialog__foot--preview{justify-content:space-between}.zoombar--inline{position:static;background:var(--bg-3);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.recipe{position:relative}.recipe__panel{position:absolute;right:0;top:calc(100% + .5rem);z-index:30;width:14.5rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;border-radius:var(--radius);background:var(--bg-3);border:.0625rem solid var(--line);box-shadow:var(--shadow-pop)}.recipe__save{display:flex;gap:.375rem}.recipe__input{flex:1;min-width:0;height:1.75rem;padding:0 .5rem;border-radius:var(--radius-sm);background:var(--bg-2);border:.0625rem solid var(--line);color:var(--text-0);font-size:.75rem;outline:none;transition:border-color .16s var(--ease)}.recipe__input:focus{border-color:var(--accent-line)}.recipe__input::placeholder{color:var(--text-3)}.recipe__list{display:flex;flex-direction:column;gap:.125rem;max-height:11rem;overflow-y:auto}.recipe__item{display:flex;align-items:center;gap:.125rem}.recipe__apply{flex:1;min-width:0;padding:.375rem .5rem;border-radius:var(--radius-sm);text-align:left;font-size:.75rem;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .16s var(--ease),color .16s var(--ease)}.recipe__apply:hover{background:var(--bg-4);color:var(--text-0)}.recipe__remove{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);color:var(--text-3);transition:background .16s var(--ease),color .16s var(--ease)}.recipe__remove:hover{background:var(--bg-4);color:var(--danger)}.bg-swatch{width:2rem;height:2rem;border-radius:var(--radius-sm);border:.0625rem solid var(--line);transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.bg-swatch:hover:not(.is-active){border-color:var(--line-strong)}.bg-swatch.is-active{border-color:var(--accent-line);box-shadow:0 0 0 .0625rem var(--accent-dim) inset}.swatch-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.375rem}.swatch-grid>*{width:100%;height:1.75rem}.color-bar{display:flex;align-items:center;gap:.5rem}.color-bar__input{flex:1;min-width:0;height:1.75rem;padding:0;border:.0625rem solid var(--line);border-radius:var(--radius-sm);background:var(--bg-2);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .16s var(--ease)}.color-bar__input:hover{border-color:var(--line-strong)}.color-bar__input:focus-visible{outline:none;border-color:var(--accent-line)}.color-bar__input::-webkit-color-swatch-wrapper{padding:.1875rem}.color-bar__input::-webkit-color-swatch{border:none;border-radius:.1875rem}.color-bar__value{flex:none;font-family:var(--font-mono);font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--text-3)}.preset--labeled{gap:.3125rem}.mark-dot{display:inline-block;width:.5rem;height:.5rem;margin-right:.375rem;border-radius:50%;vertical-align:middle}.seg-arrow{font-size:1rem;line-height:1}