@property --accent{syntax:"<color>";inherits:true;initial-value:#3ccfbf}.hm-page.os-page{--accent:#3ccfbf;--os-error:#ff8a7a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--color-petrol-900);color:var(--color-on-dark)}.hm-page.os-page[data-model=rast-2]{--accent:#f4b33d}@media (prefers-reduced-motion:no-preference){.hm-page.os-page{transition:--accent .6s var(--out-expo)}}.os-page :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.os-main{max-width:1680px;margin-inline:auto;padding:32px 40px 72px}@media (max-width:899px){.os-main{padding:24px 20px}}.os-form{flex-direction:column;gap:28px;display:flex}.os-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;display:flex}.os-who{border-radius:8px;max-width:380px}.os-dot{background-color:var(--accent);border-radius:2px;flex:none;width:8px;height:8px;display:block;transform:rotate(45deg)}.os-accent-text{color:var(--accent)}.os-panel{border:1px solid var(--color-line);background-color:var(--color-petrol-800);border-radius:22px}.os-label,.os-legend{color:var(--color-on-dark);font-size:14px;font-weight:600;display:block}.os-error{color:var(--os-error);font-size:13.5px;line-height:1.5}.os-link{color:var(--color-on-dark);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;font-weight:600;text-decoration-thickness:2px}.os-chip{border:1px solid var(--color-line);height:24px;color:var(--color-on-dark);border-radius:999px;align-items:center;padding-inline:9px;font-size:12px;font-weight:600;display:inline-flex}.os-input{border:1px solid var(--color-line);background-color:var(--color-petrol-900);width:100%;color:var(--color-on-dark);transition:border-color .2s var(--out-expo);border-radius:10px;padding-inline:12px}.os-input::placeholder{color:#b9d2d399}.os-input:focus{border-color:var(--accent)}.os-input[aria-invalid=true]{border-color:var(--os-error)}.os-input:disabled{opacity:.6}.os-balance{border:1px solid var(--color-line);height:32px;color:var(--color-on-dark);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding-inline:12px;font-size:13.5px;font-weight:600;display:inline-flex}.os-notice-error{color:#ffb4a8;background-color:#ff8a7a1f}.os-send{background-color:var(--accent);color:var(--color-ink);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.os-send-lg{height:52px;padding-inline:22px;font-size:16px}.os-send:disabled{opacity:.6}.os-btn-ghost{color:var(--color-on-dark);white-space:nowrap;transition:border-color .2s var(--out-expo);border:1.5px solid #e8f4f24d;border-radius:999px;justify-content:center;align-items:center;font-weight:600;display:inline-flex}@media (hover:hover){.os-send:not(:disabled):hover{background-color:color-mix(in srgb, var(--accent) 82%, white)}.os-btn-ghost:hover{border-color:var(--accent)}}.os-dialog{border:1px solid var(--color-line);background-color:var(--color-petrol-800);color:var(--color-on-dark);box-shadow:0 40px 80px -30px #031215cc}.os-dialog::backdrop{background-color:#031215c7}.os-popover{border:1px solid var(--color-line);background-color:var(--color-petrol-800);color:var(--color-on-dark);box-shadow:0 18px 40px -14px #031215d9}.os-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.os-model{border:1.5px solid var(--color-line);text-align:left;opacity:.72;cursor:pointer;background-color:#0000;border-radius:22px;grid-template-columns:224px minmax(0,1fr);align-items:center;gap:20px;padding:14px;display:grid}.os-model[aria-pressed=true]{opacity:1;background-color:var(--color-petrol-800);border-color:var(--model-color);box-shadow:0 0 0 4px color-mix(in srgb, var(--model-color) 18%, transparent)}.os-model:disabled{cursor:default}.os-model-media{aspect-ratio:16/9;background-color:var(--color-petrol-700);border-radius:14px;width:224px;display:block;position:relative;overflow:hidden}.os-model-media video{object-fit:cover;filter:grayscale();width:100%;height:100%;position:absolute;inset:0}.os-model[aria-pressed=true] .os-model-media video{filter:none}.os-model-dot{background-color:var(--model-color);border-radius:2.5px;flex:none;width:10px;height:10px;display:block;transform:rotate(45deg)}@media (hover:hover){.os-model[aria-pressed=false]:not(:disabled):hover{opacity:.9}}@media (prefers-reduced-motion:no-preference){.os-model{transition:opacity .3s var(--out-expo), background-color .3s var(--out-expo)}}@media (max-width:1179px){.os-model{grid-template-columns:160px minmax(0,1fr)}.os-model-media{width:160px}}@media (max-width:899px){.os-models{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin-inline:-20px;padding:4px 20px 8px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.os-models::-webkit-scrollbar{display:none}.os-model{scroll-snap-align:start;flex:0 0 min(82%,340px);grid-template-columns:minmax(0,1fr);align-items:start;gap:14px}.os-model-media{width:100%}}.os-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"prompt""kit""settings";gap:20px;display:grid}.os-area-prompt{grid-area:prompt}.os-area-kit{grid-area:kit}.os-area-settings{grid-area:settings}@media (min-width:900px){.os-grid{grid-template:"prompt settings""kit settings"1fr/minmax(0,1fr) 340px;align-items:start}}@media (min-width:1280px){.os-grid{grid-template:"kit prompt settings"/272px minmax(0,1fr) 372px}}.os-seg{border:1px solid var(--color-line);background-color:var(--color-petrol-900);border-radius:999px;padding:4px;display:inline-flex}.os-seg button{height:34px;color:var(--color-on-dark-2);white-space:nowrap;border-radius:999px;padding-inline:14px;font-size:13.5px;font-weight:600}.os-seg button[aria-pressed=true]{background-color:var(--accent);color:var(--color-ink)}@media (hover:hover){.os-seg button[aria-pressed=false]:hover{color:var(--color-on-dark)}}.os-template{text-align:left;border:1.5px solid #0000;border-radius:14px;align-items:center;gap:12px;width:100%;padding:8px;display:flex}.os-template img{object-fit:cover;background-color:var(--color-petrol-700);border-radius:8px;flex:none;width:96px;height:54px}.os-template[aria-pressed=true]{border-color:var(--accent);background-color:var(--color-petrol-900)}@media (hover:hover){.os-template[aria-pressed=false]:hover{background-color:#1648508c}}.os-field{border:1px solid var(--color-line);background-color:var(--color-petrol-900);transition:border-color .2s var(--out-expo);border-radius:14px}.os-field:focus-within{border-color:var(--accent)}.os-field[data-invalid]{border-color:var(--os-error)}.os-mark-placeholder{background-color:color-mix(in srgb, var(--accent) 35%, transparent);color:var(--color-on-dark);border-radius:3px}.os-mark-valid{background-color:var(--accent);box-shadow:0 0 0 3px var(--accent);color:var(--color-ink);border-radius:999px}.os-mark-flagged{color:#ffb4a8;background-color:#ff8a7a29;border-radius:999px;box-shadow:0 0 0 3px #ff8a7a29}.os-caret{caret-color:var(--accent)}.os-placeholder::placeholder{color:#b9d2d399}.os-tag{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background-color:color-mix(in srgb, var(--accent) 16%, transparent);height:26px;color:var(--color-on-dark);border-radius:999px;align-items:center;padding-inline:10px;font-size:12.5px;font-weight:600;display:inline-flex}.os-tag-flagged{color:#ffb4a8;background-color:#ff8a7a1f;border-color:#ff8a7a80}.os-tips{border:1px solid var(--color-line);border-radius:22px;padding:18px 20px}.os-tiles{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.os-tile-thumb{aspect-ratio:4/3;border:1.5px solid var(--color-line);background-color:var(--color-petrol-900);transition:border-color .2s var(--out-expo);border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.os-tile[data-tagged] .os-tile-thumb{border-color:var(--accent)}.os-tile:disabled{cursor:default}@media (hover:hover){.os-tile:not([data-tagged]):not(:disabled):hover .os-tile-thumb{border-color:#e8f4f259}}.os-tile-dot{background-color:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--color-petrol-900);border-radius:2px;position:absolute;top:8px;left:8px;transform:rotate(45deg)}.os-tile-progress{aspect-ratio:4/3;pointer-events:none;width:100%;position:absolute;top:0;left:0}.os-tile-progress:before,.os-tile-progress span{content:"";border-radius:999px;height:3px;position:absolute;bottom:8px;left:8px;right:8px}.os-tile-progress:before{background-color:#e8f4f240}.os-tile-progress span{background-color:var(--accent);transform-origin:0}.os-tile-more{width:26px;height:26px;color:var(--color-on-dark);background-color:#0c2e33d9;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.os-upload{width:100%;height:44px;color:var(--color-on-dark);transition:border-color .2s var(--out-expo);border:1.5px dashed #e8f4f24d;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.os-upload:disabled{opacity:.5}@media (hover:hover){.os-upload:not(:disabled):hover{border-color:var(--accent)}}.os-swatch{border:1px solid #e8f4f240;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.os-swatch-add{color:var(--color-on-dark-2);cursor:pointer;border-style:dashed;position:relative}.os-swatch-add:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.os-swatch-pick{cursor:pointer}.os-swatch-pick[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.os-mini-btn{border:1px solid var(--color-line);height:28px;color:var(--color-on-dark);cursor:pointer;transition:border-color .2s var(--out-expo);border-radius:999px;align-items:center;padding-inline:11px;font-weight:600;display:inline-flex;position:relative}.os-mini-btn:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.os-mini-btn:disabled{opacity:.5;cursor:default}.os-mini-btn:has(:disabled){opacity:.5;cursor:default}@media (hover:hover){.os-mini-btn:not(:disabled):hover{border-color:var(--accent)}}.os-option{border:1.5px solid var(--color-line);cursor:pointer;border-radius:14px;align-items:center;gap:12px;min-height:48px;padding:10px 14px;display:flex}.os-option:has(:checked){border-color:var(--accent);background-color:var(--color-petrol-900)}.os-option:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.os-option:has(:disabled){cursor:default}.os-option-dia{border:1.5px solid var(--color-on-dark-2);border-radius:2px;flex:none;width:10px;height:10px;display:block;transform:rotate(45deg)}.os-option:has(:checked) .os-option-dia{border-color:var(--accent);background-color:var(--accent)}.os-size{border:1.5px solid var(--color-line);color:var(--color-on-dark-2);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;display:flex}.os-size[aria-pressed=true]{border-color:var(--accent);background-color:var(--color-petrol-900);color:var(--color-on-dark)}.os-size-shape{border:1.5px solid;border-radius:3px;display:block}.os-size[aria-pressed=true] .os-size-shape{border-color:var(--accent)}.os-range{width:100%;height:24px;accent-color:var(--accent);cursor:pointer;display:block}.os-check{color:var(--color-on-dark);cursor:pointer;align-items:flex-start;gap:12px;font-size:14.5px;line-height:1.45;display:flex}.os-check input{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex:none;margin-top:1px}.os-check:has(:disabled){cursor:default}.os-step{border:1px solid var(--color-line);width:36px;height:36px;color:var(--color-on-dark);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:18px;display:flex}.os-step:disabled{opacity:.4}.os-estimate{border:1px solid var(--color-line);background-color:var(--color-petrol-900);border-radius:16px;padding:18px}.os-total{letter-spacing:-.02em;color:var(--color-on-dark);font-size:30px;font-weight:500;line-height:1.1;display:inline-block}@keyframes os-rise{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.os-total{animation:os-rise .42s var(--out-expo)}}.os-bar{display:none}@media (max-width:899px){.os-bar{z-index:20;border:1px solid var(--color-line);-webkit-backdrop-filter:blur(12px);background-color:#10383ef0;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 18px;display:flex;position:sticky;bottom:12px;box-shadow:0 18px 40px -16px #031215cc}.os-send-panel{display:none}}@media (max-width:479px){.os-bar .os-send{padding-inline:18px}.os-bar .os-send-model{display:none}}.os-success-dia{background-color:var(--accent);border-radius:4px;width:20px;height:20px;display:block;transform:rotate(45deg)}@media (prefers-reduced-motion:no-preference){.os-success-dia{animation:diamond-pop .45s var(--ease-pop) .1s both}}
