:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5fa;--bg-soft:#fff;--panel:#fff;--panel-2:#f7f8fc;--ink:#14151d;--muted:#4d5163;--dim:#797e92;--line:#e3e5ef;--line-soft:#edeef5;--accent:#6aa80a;--accent-ink:#fff;--accent-text:#4b7a06;--accent-soft:#f0f8e2;--violet:#6d5cf0;--danger:#d1392f;--scrim:#ffffffdb;--header-bg:#f4f5fad1;--shot-bg:#eef0f7;--radius:16px;--shadow:0 18px 38px -26px #14151d80;--wash-1:#6d5cf029;--wash-2:#6aa80a24;--wash-3:#ff8a4c1a;--grid-line:#14151d0b}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08080c;--bg-soft:#101018;--panel:#12121b;--panel-2:#171722;--ink:#f5f5fa;--muted:#a8a8bd;--dim:#71718a;--line:#232331;--line-soft:#1b1b26;--accent:#b8ff3d;--accent-ink:#08080c;--accent-text:#b8ff3d;--accent-soft:#101a06;--violet:#8b7bff;--danger:#ff6b6b;--scrim:#08080cc7;--header-bg:#08080cd1;--shot-bg:#0b0b12;--shadow:0 18px 40px -24px #000000e6;--wash-1:#8b7bff4d;--wash-2:#b8ff3d21;--wash-3:#ff8a4c1f;--grid-line:#ffffff0d}*{box-sizing:border-box}html,body{color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Noto Sans Thai,IBM Plex Sans Thai,system-ui,-apple-system,Segoe UI,sans-serif}body{background-color:var(--bg);min-height:100vh}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(58% 42% at 12% -6%, var(--wash-1), transparent 68%), radial-gradient(46% 38% at 88% 4%, var(--wash-2), transparent 70%), radial-gradient(60% 45% at 70% 96%, var(--wash-3), transparent 72%), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:auto,auto,auto,46px 46px,46px 46px;background-color:var(--bg);position:fixed;inset:0}a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--header-bg);border-bottom:1px solid var(--line-soft);position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.brand{letter-spacing:-.015em;font-size:21px;font-weight:850;line-height:1.1}.brand span{color:var(--accent-text)}.brand-tag{color:var(--dim);margin-top:1px;font-size:12px}.credit-chip{border:1px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:999px;align-items:baseline;gap:7px;padding:7px 14px;font-size:13px;text-decoration:none;display:inline-flex}.credit-chip b{color:var(--accent-text);font-size:14.5px;font-weight:800}.credit-chip small{color:var(--dim);font-size:11.5px}.theme-toggle{appearance:none;border:1px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:999px;flex-shrink:0;place-items:center;font-size:15px;line-height:1;display:grid}.theme-toggle:hover{color:var(--ink);border-color:var(--dim)}.studio-grid{gap:22px;padding:24px 0 120px;display:grid}@media (min-width:960px){.studio-grid{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:start}.studio-left{position:sticky;top:74px}}.panel{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.step-label{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);align-items:center;gap:8px;margin:0 0 10px;font-size:12px;display:flex}.step-label b{background:var(--panel-2);border:1px solid var(--line);width:19px;height:19px;color:var(--muted);border-radius:999px;place-items:center;font-size:11px;display:grid}.step-label[data-done=true] b{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.dropzone{border:1.5px dashed var(--line);background:var(--bg-soft);cursor:pointer;text-align:center;border-radius:13px;place-items:center;min-height:210px;padding:18px;transition:border-color .15s,background .15s;display:grid;position:relative}.dropzone:hover,.dropzone[data-over=true]{border-color:var(--accent);background:var(--accent-soft)}.dropzone img{border-radius:11px;max-width:100%;max-height:260px;display:block}.dropzone-hint{color:var(--muted);font-size:13.5px;line-height:1.6}.dropzone-hint b{color:var(--ink);margin-bottom:3px;font-size:14.5px;display:block}.category+.category{margin-top:26px}.category-name{color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:700}.card-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;display:grid}.preset-card{border:1px solid var(--line);background:var(--panel);cursor:pointer;text-align:left;color:inherit;font:inherit;border-radius:14px;padding:0;transition:transform .14s,border-color .14s,box-shadow .14s;position:relative;overflow:hidden}.preset-card:hover{border-color:var(--dim);box-shadow:var(--shadow);transform:translateY(-2px)}.preset-card[data-selected=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.preset-shot{aspect-ratio:4/3;background:var(--shot-bg);position:relative}.preset-shot img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.preset-shot .before{opacity:0;transition:opacity .18s}.preset-card:hover .preset-shot .before,.preset-card:hover .preset-flag{opacity:1}.preset-flag{opacity:0;letter-spacing:.04em;background:var(--scrim);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:10.5px;transition:opacity .18s;position:absolute;bottom:8px;left:8px}.preset-body{padding:11px 12px 13px}.preset-body h3{margin:0;font-size:14px;font-weight:750;line-height:1.35}.preset-body p{color:var(--muted);margin:5px 0 0;font-size:12.5px;line-height:1.5}.model-row{border:1px solid var(--line);background:var(--bg-soft);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.model-row+.model-row{margin-top:8px}.model-row[data-selected=true]{border-color:var(--accent);background:var(--accent-soft)}.model-row strong{font-size:13.5px;font-weight:750;display:block}.model-row .why{color:var(--dim);margin-top:2px;font-size:11.5px;line-height:1.45;display:block}.model-price{color:var(--accent-text);white-space:nowrap;font-size:13px;font-weight:800}.btn{appearance:none;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);font:inherit;cursor:pointer;border-radius:11px;padding:11px 18px;font-weight:700}.btn:hover:not(:disabled){border-color:var(--dim)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn{white-space:nowrap;flex-shrink:0}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-block{width:100%;display:block}input[type=text],input[type=email]{background:var(--bg-soft);border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;border-radius:11px;padding:11px 12px}input::placeholder{color:var(--dim)}.note{color:var(--muted);font-size:13px;line-height:1.6}.dim{color:var(--dim)}.error{color:var(--danger);font-size:13.5px;line-height:1.55}.working{background:var(--line);border-radius:999px;height:3px;overflow:hidden}.working i{background:var(--accent);width:40%;height:100%;animation:1.15s ease-in-out infinite slide;display:block}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(320%)}}.skeleton{background:linear-gradient(90deg, var(--panel-2), var(--line-soft), var(--panel-2));background-size:200% 100%;border-radius:12px;animation:1.3s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.compare{border:1px solid var(--line);background:var(--shot-bg);touch-action:none;border-radius:13px;position:relative;overflow:hidden}.compare img{width:100%;display:block}.compare .top{position:absolute;inset:0;overflow:hidden}.compare .top img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.compare-handle{background:var(--accent);cursor:ew-resize;width:2px;position:absolute;top:0;bottom:0}.compare-handle:after{content:"";background:var(--accent);border-radius:999px;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000059}.compare-tag{background:var(--scrim);color:var(--muted);border-radius:999px;padding:3px 9px;font-size:11px;position:absolute;bottom:9px}.history-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.history-grid a{border:1px solid var(--line);border-radius:11px;display:block;overflow:hidden}.history-grid img{object-fit:cover;width:100%;height:118px;display:block}.run-bar{margin-top:16px}@media (max-width:959px){.run-bar{z-index:25;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);margin:0;position:fixed;bottom:0;left:0;right:0}}.linklike{appearance:none;font:inherit;color:var(--accent-text);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.linklike:hover{color:var(--ink)}select{color-scheme:normal}