/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.text-wrap{text-wrap:wrap}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#191a17;--muted:#6d7067;--line:#d9dbd3;--paper:#f4f4ef;--panel:#fbfbf7;--orange:#ff5c2a;--orange-dark:#d94417;--mint:#dcefe1;--blue:#335cff}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f2f3ed;--muted:#a8ada3;--line:#3a3f38;--paper:#111310;--panel:#1a1d19;--orange:#ff7043;--orange-dark:#ff8a62;--mint:#263d2d;--blue:#8da4ff}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 55% 0%, #fff 0, var(--paper) 42%);margin:0;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif}button,input,select{font:inherit}button{color:inherit}:is(button:focus-visible,input:focus-visible,select:focus-visible){outline-offset:2px;outline:3px solid #335cff38}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#fbfbf7e6;justify-content:space-between;align-items:center;height:78px;padding:0 24px;display:flex;position:sticky;top:0}.brand{color:inherit;border-radius:10px;align-items:center;gap:12px;text-decoration:none;display:flex}.brand:hover h1{color:var(--orange-dark)}.brand:focus-visible{outline-offset:5px;outline:3px solid #335cff38}.brand-mark{object-fit:contain;filter:drop-shadow(0 3px 7px #14161224);flex:none;width:44px;height:44px;display:block}.brand h1{letter-spacing:-.03em;margin:0 0 5px;font-family:Georgia,serif;font-size:21px;line-height:1;transition:color .15s}.brand-version{vertical-align:middle;border:1px solid var(--line);color:var(--muted);background:var(--soft);letter-spacing:.02em;border-radius:999px;margin-left:5px;padding:2px 5px;font:700 8px/1.1 Arial,sans-serif;display:inline-flex}.brand p{color:var(--muted);margin:0;font-size:11px}.header-actions,.export-actions,.settings-actions,.dialog-footer,.picker-actions{gap:8px;display:flex}.header-actions{align-items:center}.button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;min-height:38px;padding:0 15px;font-size:12px;font-weight:750;transition:transform .15s,box-shadow .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #16181417}.button.primary{background:var(--orange);border-color:var(--orange);color:#fff}.button.primary:hover:not(:disabled){background:var(--orange-dark)}.button.ghost{background:#fff}.video-open-button{color:#fff;background:linear-gradient(135deg,#335cff,#6248e8);border-color:#2448dc;border-radius:12px;align-items:center;gap:9px;min-height:46px;padding:0 16px 0 10px;display:inline-flex;box-shadow:0 7px 18px #335cff3d}.video-open-button:hover:not(:disabled){background:linear-gradient(135deg,#264ee6,#5339d5);box-shadow:0 9px 22px #335cff52}.video-open-icon{background:#ffffff24;border:1px solid #fff3;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;padding-left:2px;font-size:10px;display:grid}.video-open-copy{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.video-open-copy small{color:#ffffffb8;letter-spacing:.16em;margin-bottom:3px;font-size:8px;font-weight:850}.video-open-copy strong{white-space:nowrap;font-size:12px}.header-action-divider{background:var(--line);flex:none;width:1px;height:28px;margin:0 2px 0 4px}.theme-toggle{background:#f0f1eb;justify-content:center;align-items:center;gap:7px;min-width:82px;display:inline-flex}.theme-icon{font-size:15px;line-height:1}.theme-toggle[aria-pressed=true]{color:#f4f1df;background:#262a25;border-color:#4a5047}.language-control{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:6px;min-height:38px;padding:0 8px 0 10px;display:inline-flex}.language-control>span{color:var(--muted);font-size:13px;font-weight:850;line-height:1}.language-control select{width:82px;min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;padding:0 16px 0 0;font-size:12px;font-weight:750}.language-control:focus-within{outline-offset:2px;outline:3px solid #335cff38}.language-control select:focus-visible{outline:0}.button.active{border-color:var(--blue);color:var(--blue);background:#eef1ff}.button:disabled{opacity:.45;cursor:not-allowed}.notice{border-bottom:1px solid var(--line);color:#4a4d45;background:#eef0e9;align-items:center;gap:8px;min-height:38px;padding:8px 24px;font-size:12px;display:flex}.notice span{background:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-weight:900;display:grid}.notice.success{color:#295d34;background:#e7f4e8}.notice.error{color:#9f351c;background:#fff0e9}.easter-toast{z-index:220;color:#33250d;cursor:pointer;background:linear-gradient(145deg,#fffdf5,#fff4cf);border:1px solid #7e5b1859;border-radius:14px;align-items:center;gap:11px;max-width:min(420px,100vw - 28px);min-height:54px;padding:10px 15px;animation:.34s cubic-bezier(.2,.9,.25,1.18) both easter-toast-in;display:flex;position:fixed;top:90px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #20180a3d}.easter-toast>i{border:2px solid #ffffffe6;border-radius:8px;flex:none;width:28px;height:28px;box-shadow:0 2px 8px #14141033}.easter-toast>img{object-fit:contain;filter:drop-shadow(0 3px 5px #281c0833);width:34px;height:34px}.easter-toast>span{text-align:left;gap:2px;display:grid}.easter-toast small{color:#9a6616;letter-spacing:.15em;font-size:8px;font-weight:900}.easter-toast strong{font-size:12px;line-height:1.35}.easter-toast em{color:#76633d;font-size:10px;font-style:normal}.easter-toast.milestone{background:linear-gradient(145deg,#fffef8,#ffe8a6);border-color:#91651280;min-height:66px}.easter-toast.is-exiting{pointer-events:none;animation:.15s forwards easter-toast-out}@keyframes easter-toast-in{0%{opacity:0;transform:translate(-50%,-14px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes easter-toast-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.workspace{grid-template-columns:274px minmax(430px,1fr) 370px;gap:12px;width:100%;max-width:1880px;min-height:calc(100vh - 116px);margin:0 auto;padding:12px;display:grid}.panel{border:1px solid var(--line);background:#fbfbf7f2;border-radius:14px;box-shadow:inset 0 1px #fff,0 5px 18px #1a1c1709}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px;display:flex}.panel-title.compact{border-bottom:0;padding:16px 17px 11px}.panel-title h2{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-family:Georgia,serif;font-size:17px;overflow:hidden}.panel-title h2 b{color:var(--orange);margin-left:4px;font-family:inherit;font-size:13px}.section-kicker{align-items:center;gap:5px;min-height:18px;display:flex}.section-help-button{border:1px solid var(--line);width:17px;height:17px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;font:800 10px/1 Arial,sans-serif;display:inline-grid}.section-help-button:hover,.section-help-button[aria-expanded=true]{color:#fff;border-color:var(--orange);background:var(--orange)}.section-help-popover{z-index:160;border:1px solid var(--line);width:min(320px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);background:var(--panel);overflow-wrap:anywhere;border-radius:12px;padding:14px;position:fixed;overflow:auto;box-shadow:0 16px 48px #14161233}.section-help-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-help-head>strong{font:750 15px/1.3 Georgia,serif}.section-help-head>button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;font-size:18px;display:grid}.section-help-head>button:hover{color:var(--ink);background:var(--line)}@supports (color:color-mix(in lab, red, red)){.section-help-head>button:hover{background:color-mix(in srgb, var(--line) 55%, transparent)}}.section-help-popover>p{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.6}.section-help-popover ul{border-top:1px solid var(--line);margin:11px 0 0;padding:10px 0 0;list-style:none}.section-help-popover li{color:var(--muted);font-size:11px;line-height:1.55}.section-help-popover li+li{margin-top:9px}.section-help-popover li>strong{color:var(--ink);margin-bottom:1px;font-size:11px;line-height:1.4;display:block}.palette-panel-title{align-items:flex-start;gap:10px}.palette-panel-title>div:first-child{min-width:0}.palette-title-actions{justify-content:flex-end;align-items:center;gap:9px;min-width:0;display:flex}.palette-title-actions>*{white-space:nowrap;flex:none}.palette-title-actions .text-button:disabled{opacity:.4;cursor:not-allowed}.eyebrow{color:var(--orange-dark);letter-spacing:.14em;font-size:10px;font-weight:900}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;font-size:18px;display:grid}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:750}.text-button:hover{color:var(--ink)}.text-button.danger:hover{color:#bb351d}.source-column{flex-direction:column;gap:10px;min-width:0;max-height:calc(100vh - 140px);display:flex;position:sticky;top:128px}.source-intro{background:var(--mint);flex:none;padding:14px 15px 15px}@supports (color:color-mix(in lab, red, red)){.source-intro{background:color-mix(in srgb, var(--mint) 22%, var(--panel))}}.source-intro h2{color:var(--ink);letter-spacing:-.02em;margin:5px 0 0;font:700 16px/1.28 Georgia,serif}.source-intro h2 span{text-wrap:balance;display:block}.source-intro p{color:var(--muted);overflow-wrap:break-word;text-wrap:pretty;margin:8px 0 0;font-size:11.5px;line-height:1.58}html[lang=ko] .source-intro :is(h2,p){word-break:keep-all}html[lang=ja] .source-intro :is(h2,p){line-break:strict;word-break:normal}html:is([lang=en],[lang=es]) .source-intro :is(h2,p){-webkit-hyphens:none;hyphens:none;overflow-wrap:normal}.image-rail{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.dropzone{color:var(--muted);cursor:pointer;background:#f6f6f1;border:1px dashed #bfc2b8;border-radius:10px;flex-direction:column;align-items:center;gap:3px;margin:12px;padding:16px 10px;display:flex}.dropzone:hover{border-color:var(--orange);background:#fff8f4}.image-rail.drag-active{outline:2px solid var(--orange);outline-offset:-3px}.image-rail.drag-active .dropzone{border-color:var(--orange);background:#fff2ea;box-shadow:0 0 0 3px #ff5c341a}.global-image-drop{z-index:70;border:2px dashed var(--orange);color:var(--orange-dark);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#fff8f4e6;border-radius:18px;place-content:center;justify-items:center;gap:8px;display:grid;position:fixed;inset:14px;box-shadow:0 12px 45px #2d20182e}.global-image-drop span{color:#fff;background:var(--orange);border-radius:12px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:800;display:grid}.global-image-drop strong{font-size:15px}.dropzone>span{color:var(--orange);font-size:22px;line-height:1}.dropzone strong{color:var(--ink);font-size:12px}.dropzone small{font-size:10px}.dropzone .drop-hint{color:var(--muted);margin-top:4px;font-weight:700}.dropzone .paste-hint{color:var(--orange-dark);margin-top:4px;font-weight:750}.image-list{flex:1;min-height:0;padding:2px 12px 8px;overflow:hidden auto}.image-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:8px;display:grid}.image-item:hover{background:#f2f2ec}.image-item.selected{background:#fff3ed;border-color:#f39b7f}.image-item img{object-fit:contain;object-position:center;background-color:#e7e7e1;background-image:linear-gradient(45deg,#d7d7d0 25%,#0000 25%),linear-gradient(-45deg,#d7d7d0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d7d7d0 75%),linear-gradient(-45deg,#0000 75%,#d7d7d0 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border-radius:6px;width:44px;height:44px;display:block}.image-copy{min-width:0}.image-copy strong,.image-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.image-copy strong{margin-bottom:4px;font-size:11px}.image-copy small{color:var(--muted);font-size:10px}.image-item i{border-radius:10px;padding:3px 5px;font-size:9px;font-style:normal;font-weight:850}.image-item i.done{color:#287142;background:var(--mint)}.image-item i.pending{color:#777a72;background:#e9eae5}.empty-list{text-align:center;color:var(--muted);padding:25px 10px;font-size:11px}.rail-actions{border-top:1px solid var(--line);justify-content:space-between;padding:12px 16px;display:flex}.ad-placement{border:1px solid var(--line);min-width:0;color:var(--muted);background:#f5f5f0;border-radius:10px;flex-direction:column;display:flex;position:relative;overflow:visible}.ad-label{letter-spacing:.14em;text-transform:uppercase;align-self:flex-start;padding:7px 9px 0;font-size:8px;font-weight:850}.ad-placement-rail{flex:none;width:calc(100% - 24px);min-height:282px;margin:16px 12px 18px}.ad-pending{text-align:center;flex:1;align-content:center;place-items:center;gap:6px;padding:16px;display:grid}.ad-pending strong{border:1px solid var(--line);color:#8a8e84;background:#fbfbf7;border-radius:7px;place-items:center;width:38px;height:30px;font:800 10px/1 ui-monospace,monospace;display:grid}.ad-pending small{font-size:9px;line-height:1.45}.ad-placement .adsbygoogle{flex:1;width:100%}.ad-placement-rail .adsbygoogle{min-height:250px}.ad-placement .adsbygoogle[data-ad-status=unfilled]{display:none!important}.rail-ad-secondary{display:none}.ad-placement.is-live:has(>.adsbygoogle[data-ad-status=unfilled]){display:none}.rail-ad-secondary .ad-placement-rail{margin-top:0}.preview-panel{flex-direction:column;min-width:0;min-height:650px;display:flex;overflow:hidden}.preview-panel .panel-title{min-height:68px}.dimension,.fixed-count{color:var(--muted);white-space:nowrap;background:#eceee7;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:750}.compare{background:var(--line);flex:1;grid-template-rows:1fr 1fr;gap:1px;display:grid}.compare figure{background:#eee;flex-direction:column;min-height:0;margin:0;display:flex}.compare figcaption{background:#f9f9f5;justify-content:space-between;padding:8px 12px;font-size:11px;font-weight:750;display:flex}.compare figcaption small{color:var(--muted);font-size:10px;font-weight:500}.canvas-wrap{flex:1;place-items:center;min-height:250px;padding:0;display:grid;position:relative;overflow:hidden}.checker{background-color:#e7e7e1;background-image:linear-gradient(45deg,#d7d7d0 25%,#0000 25%),linear-gradient(-45deg,#d7d7d0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d7d7d0 75%),linear-gradient(-45deg,#0000 75%,#d7d7d0 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.pan-zoom-viewport{overscroll-behavior:contain;touch-action:none;cursor:default;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.pan-zoom-viewport canvas{max-width:none;max-height:none;image-rendering:crisp-edges;image-rendering:pixelated;cursor:crosshair;transform-origin:50%;-webkit-user-select:none;user-select:none;background:0 0;transition:transform 80ms ease-out;display:block;position:absolute;top:50%;left:50%;box-shadow:0 9px 35px #0000002e}.pan-zoom-viewport.is-view-initializing canvas{visibility:hidden;transition:none}.pan-zoom-viewport.is-processing canvas{opacity:.55}.pan-zoom-viewport:has(canvas:hover){cursor:grab}.pan-zoom-viewport.is-dragging,.pan-zoom-viewport.is-dragging canvas{cursor:grabbing}.pan-zoom-viewport.is-dragging canvas{transition:none}.preview-control-bar{z-index:2;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;max-width:calc(100% - 16px);display:flex;position:absolute;bottom:8px;right:8px}.zoom-controls,.preview-mode-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#fbfbf7e6;border:1px solid #191a1724;border-radius:8px;align-items:center;gap:5px;padding:4px;display:flex;box-shadow:0 3px 12px #0000001a}.zoom-controls span{text-align:center;min-width:38px;color:var(--muted);padding-left:3px;font:750 10px/1 ui-monospace,monospace}.zoom-controls button,.preview-mode-toggle button{min-height:25px;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:5px;padding:0 7px;font-size:10px;font-weight:750}.preview-mode-toggle{gap:5px}.preview-mode-choice{align-items:center;gap:2px;display:flex}.preview-mode-choice button[aria-pressed=true]{color:#fff;background:var(--orange)}.preview-mode-divider{background:#191a1729;width:1px;height:18px}.preview-mode-toggle .preview-mode-lock{width:27px;min-height:25px;color:var(--muted);background:0 0;place-items:center;padding:0;line-height:1;display:grid}.preview-mode-toggle .preview-mode-lock[aria-pressed=true]{color:var(--orange-dark);background:#ff5c2a21;box-shadow:inset 0 0 0 1px #ff5c2a4d}.preview-lock-glyph{width:15px;height:15px;display:block;position:relative}.preview-lock-glyph:before{content:"";box-sizing:border-box;border:2px solid;border-bottom:0;border-radius:7px 7px 0 0;width:8px;height:8px;position:absolute;top:0;left:4px}.preview-lock-glyph:after{content:"";box-sizing:border-box;border:2px solid;border-radius:3px;width:13px;height:9px;position:absolute;bottom:0;left:1px}.preview-mode-lock[aria-pressed=false] .preview-lock-glyph:before{border-left:0;border-radius:0 4px 0 0;width:7px;top:0;left:5px;transform:none}.zoom-controls button:disabled{opacity:.45;cursor:default}.preview-processing{z-index:3;pointer-events:none;background:#fbfbf7f0;border:1px solid #191a1724;border-radius:10px;align-items:center;gap:9px;min-width:205px;padding:10px 13px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 7px 25px #00000026}.preview-processing i{border:2px solid #ddd8d0;border-top-color:var(--orange);border-radius:50%;flex:none;width:17px;height:17px;animation:.75s linear infinite preview-spin}.preview-processing strong,.preview-processing small{display:block}.preview-processing strong{font-size:11px}.preview-processing small{color:var(--muted);margin-top:2px;font-size:10px}.preview-processing.is-error{color:#a63d26;background:#fff5f1f5;border-color:#efb3a4}@keyframes preview-spin{to{transform:rotate(360deg)}}.compare.sampling .canvas-wrap{box-shadow:inset 0 0 0 3px var(--blue)}.result-placeholder,.empty-preview{text-align:center;color:var(--muted)}.result-placeholder span{font-size:30px}.result-placeholder p{margin:8px 0;font-size:11px}.example-loading{text-align:center;width:min(410px,100% - 48px);color:var(--muted);margin:auto;padding:34px 24px}.example-loading-preview{aspect-ratio:16/10;border:1px solid var(--line);border-radius:16px;place-items:center;width:min(280px,100%);margin:0 auto 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 35px #191a1717}.example-loading-preview:after{content:"";background:linear-gradient(105deg,#0000 38%,#ffffffb8 50%,#0000 62%);animation:1.5s ease-in-out infinite example-loading-sweep;position:absolute;inset:-45% -80%}.example-loading-logo{z-index:1;object-fit:contain;opacity:0;filter:drop-shadow(0 8px 18px #14161233);width:72px;height:72px;display:block;position:relative;transform:scale(0)}.example-loading-logo.is-ready{animation:.5s cubic-bezier(.2,.82,.24,1) both example-loading-pop}.example-loading-preview i{z-index:1;border:2px solid var(--orange);border-left-color:#0000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite preview-spin;position:absolute;top:calc(50% - 17px);left:calc(50% - 8px)}.example-loading-preview.icon-ready i{animation:.8s linear infinite preview-spin,.5s cubic-bezier(.2,.82,.24,1) both example-loading-spinner-pop}.example-loading h2{color:var(--ink);margin:0 0 7px;font:700 21px/1.25 Georgia,serif}.example-loading p{margin:0;font-size:12px;line-height:1.65}@keyframes example-loading-sweep{0%{transform:translate(-35%)}to{transform:translate(35%)}}@keyframes example-loading-pop{0%{opacity:0;transform:scale(0)}48%{opacity:1;transform:scale(1.07)}68%{opacity:1;transform:scale(.96)}82%{opacity:1;transform:scale(1.025)}92%{opacity:1;transform:scale(.995)}to{opacity:1;transform:scale(1)}}@keyframes example-loading-spinner-pop{0%{top:calc(50% - 17px)}48%{top:calc(50% - 55px)}68%{top:calc(50% - 52px)}82%{top:calc(50% - 54px)}92%,to{top:calc(50% - 53px)}}@media (prefers-reduced-motion:reduce){.example-loading-logo.is-ready{opacity:1;animation:none;transform:scale(1)}.example-loading-preview.icon-ready i{animation:.8s linear infinite preview-spin;top:calc(50% - 53px)}.easter-toast{animation:none}}.empty-preview{max-width:430px;margin:auto;padding:40px}.empty-glyph{width:66px;height:66px;color:var(--orange);background:#ffede5;border:1px solid #ffd0bd;border-radius:20px;place-items:center;font-size:30px;display:inline-grid;transform:rotate(-4deg)}.empty-preview h2{color:var(--ink);margin:22px 0 8px;font:700 23px/1.2 Georgia,serif}.empty-preview p{margin-bottom:22px;font-size:12px;line-height:1.7}.control-panel{flex-direction:column;gap:12px;min-width:0;display:flex}.control-section{overflow:hidden}.section-note{color:var(--muted);margin:0 17px 12px;font-size:11px;line-height:1.55}.sliders{gap:10px;padding:0 17px 15px;display:grid}.sliders label>span{justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.sliders .adjustment-number{text-align:right;color:#52564d;background:#edeee8;border-color:#0000;border-radius:5px;width:52px;min-height:26px;padding:3px 7px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4}.sliders .adjustment-number:focus{border-color:var(--orange);outline:2px solid var(--orange);background:#fff}@supports (color:color-mix(in lab, red, red)){.sliders .adjustment-number:focus{outline:2px solid color-mix(in srgb, var(--orange) 18%, transparent)}}input[type=range]{width:100%;height:3px;accent-color:var(--orange);margin:8px 0 0}.pixelation-setting{border:1px solid var(--line);background:#f6f6f1;border-radius:9px;margin:0 17px 16px;padding:10px 11px}.colorize-setting{border:1px solid var(--line);background:#f6f6f1;border-radius:9px;margin:0 17px 10px;padding:10px 11px}.colorize-setting.is-enabled{background:#fff7f2;border-color:#f4b19a}.colorize-toggle{justify-content:space-between;align-items:center;gap:10px;display:flex}.colorize-toggle strong,.colorize-toggle small{display:block}.colorize-toggle strong{font-size:12px}.colorize-toggle small{color:var(--muted);margin-top:3px;font-size:10px}.colorize-toggle>input{width:34px;height:18px;accent-color:var(--orange)}.pixelation-setting.is-enabled{background:#fff7f2;border-color:#f4b19a}.pixelation-toggle{justify-content:space-between;align-items:center;gap:12px;display:flex}.pixelation-toggle strong,.pixelation-toggle small{display:block}.pixelation-toggle strong{font-size:12px}.pixelation-toggle small{color:var(--muted);margin-top:3px;font-size:10px}.pixelation-toggle input{width:34px;height:18px;accent-color:var(--orange)}.pixelation-size{border-top:1px solid #e1e2db;margin-top:10px;padding-top:9px;display:block}.pixelation-size>div{justify-content:space-between;align-items:center;font-size:12px;font-weight:750;display:flex}.compact-number-input{text-align:right;color:#30342e;background:#fff;border:1px solid #d8dad2;border-radius:6px;width:60px;min-height:28px;padding:4px 7px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4}.pixelation-option{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:10px;display:grid}.pixelation-option>span{font-size:12px;font-weight:750}.pixelation-option select{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:7px;padding:7px 8px;font-size:11px}.pixelation-help{color:var(--muted);margin-top:8px;font-size:10px;line-height:1.5;display:block}.count-field{background:#f0f1eb;border-radius:9px;justify-content:space-between;align-items:center;margin:0 17px 12px;padding:10px 12px;display:flex}.count-field>span{font-size:12px;font-weight:800}.count-field small{color:var(--muted);margin-top:2px;font-size:10px;font-weight:500;display:block}.count-field input{border:1px solid var(--line);text-align:center;background:#fff;border-radius:7px;width:62px;padding:6px;font-weight:800}.palette-tuning{border:1px solid var(--line);background:#f6f6f1;border-radius:9px;margin:0 17px 12px;padding:10px 12px}.palette-tuning label>span,.palette-tuning small{justify-content:space-between;align-items:center;gap:10px;display:flex}.palette-tuning strong{font-size:12px}.palette-tuning input[type=range]{margin-top:9px}.palette-tuning .surface-cleanup{border-top:1px solid var(--line);margin-top:11px;padding-top:10px;display:block}.palette-tuning small{color:var(--muted);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4px;font-size:10px;display:grid}.palette-tuning small b{white-space:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0;font-weight:600;line-height:1.25}.palette-tuning small b:nth-child(2){text-align:center}.palette-tuning small b:last-child{text-align:right}html[lang=en] .palette-panel-title,html[lang=ja] .palette-panel-title,html[lang=es] .palette-panel-title{flex-direction:column;align-items:stretch}html[lang=en] .palette-title-actions,html[lang=ja] .palette-title-actions,html[lang=es] .palette-title-actions{justify-content:flex-start;width:100%}html[lang=ja] .palette-tuning small b{line-break:strict;overflow-wrap:anywhere}.palette-list{scrollbar-gutter:stable;max-height:350px;padding:0 8px 12px 10px;overflow:hidden auto}.palette-slot{border-top:1px solid #e7e8e2;grid-template-columns:38px minmax(0,1fr) auto 72px 22px;align-items:center;gap:6px;width:100%;min-width:0;padding:8px 7px;display:grid;position:relative}.palette-slot>*{min-width:0}.palette-slot:first-child{border-top:0}.palette-slot.is-fixed{background:#fff9f6;border-radius:8px}.swatch{cursor:pointer;border:2px solid #fff;border-radius:8px;width:36px;height:36px;box-shadow:0 0 0 1px #c9cbc2,inset 0 0 0 1px #0000000f}.slot-color{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.slot-color strong{font:750 12px/1.2 ui-monospace,monospace;display:block}.slot-color small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;display:block;overflow:hidden}.slot-tag{color:#70736b;white-space:nowrap;cursor:pointer;background:#e9eae5;border:0;border-radius:9px;padding:3px 5px;font-size:10px;font-weight:850}.slot-tag:hover{box-shadow:inset 0 0 0 1px #c9ccc3}.is-fixed .slot-tag{color:#b13a17;background:#ffe0d3}.is-weight-fixed .slot-tag{color:#8f260a;background:#ffbfaa}.weight{width:78px}.weight span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:10px;display:block;overflow:hidden}.weight input{border:1px solid var(--line);background:#fff;border-radius:5px;width:100%;padding:5px;font-size:12px}.delete-slot{color:#a9492c;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:22px;height:28px;padding:0;font-size:18px;line-height:1;display:grid}.delete-slot:hover:not(:disabled){color:var(--orange);background:0 0}.delete-slot:disabled{opacity:.3;cursor:not-allowed}.settings-actions{padding:0 17px 12px}.settings-actions .button{flex:1;padding:0 8px}.export-grid{grid-template-columns:1fr 1fr;gap:9px;padding:0 17px 12px;display:grid}.export-grid label>span,.hex-field span,.rgb-fields label span{color:var(--muted);margin-bottom:4px;font-size:10px;font-weight:750;display:block}.export-grid input:not([type=checkbox]),.export-grid select,.hex-field input,.rgb-fields input{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;min-height:32px;padding:5px 8px;font-size:12px}.export-grid input[type=color]{padding:3px}.export-grid .wide{grid-column:1/-1}.export-grid .check{align-items:center;gap:6px;padding-top:8px;display:flex}.export-grid .check span{color:var(--ink);margin:0}.export-grid input[type=checkbox]{accent-color:var(--orange)}.warning{color:#93401f;background:#fff0e7;border-radius:7px;margin:-2px 17px 12px;padding:7px 9px;font-size:10px;line-height:1.45}.export-actions{padding:0 17px 17px}.export-actions .button{flex:1;padding:0 8px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14151273;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.color-dialog{background:var(--panel);border:1px solid #cfd1c8;border-radius:16px;width:min(390px,100%);padding:18px;box-shadow:0 25px 80px #00000047}.settings-dialog{width:min(430px,100%)}.preset-dialog{width:min(620px,100%);max-height:calc(100dvh - 40px);overflow-y:auto}.preset-dialog-intro{color:var(--muted);margin:-3px 0 13px;font-size:11px;line-height:1.55}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.preset-card{border:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:10px;gap:9px;padding:10px;display:grid}:is(.preset-card:hover,.preset-card:focus-visible){background:#fff7f2;border-color:#f39b7f}.preset-swatches{border:1px solid #00000014;border-radius:7px;height:34px;display:flex;overflow:hidden}.preset-swatches i{flex:1;min-width:0}.preset-meta{min-width:0;display:block}.preset-meta strong,.preset-meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.preset-meta strong{font-size:12px}.preset-meta small{color:var(--muted);margin-top:3px;font-size:10px}.settings-dialog-intro{color:var(--muted);margin:-3px 0 13px;font-size:11px;line-height:1.55}.settings-scope-list{gap:9px;display:grid}.settings-scope-list label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;min-height:66px;padding:11px 12px;display:grid}.settings-scope-list label.is-selected{background:#fff6f1;border-color:#f39b7f;box-shadow:0 0 0 1px #ff5c2a14}.settings-scope-list input{width:18px;height:18px;accent-color:var(--orange);margin:0}.settings-scope-list strong,.settings-scope-list small{display:block}.settings-scope-list strong{font-size:12px}.settings-scope-list small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.45}.settings-dialog-note{color:#5d6258;background:#f0f1eb;border-radius:8px;margin:12px 0 0;padding:9px 10px;font-size:10px;line-height:1.55}.dialog-head{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.dialog-head h2{margin:3px 0 0;font:700 20px/1.1 Georgia,serif}.color-picker-area{height:150px;box-shadow:none;cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);background-clip:padding-box;border:0;border-radius:11px;outline:0;position:relative;overflow:hidden}.color-picker-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #171817,0 1px 5px #00000073}.hue-control{grid-template-columns:31px minmax(0,1fr) 34px;align-items:center;gap:9px;margin-top:12px;display:grid}.current-color{border:2px solid #fff;border-radius:50%;width:31px;height:31px;box-shadow:0 0 0 1px #c4c7bd}.hue-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:7px;width:100%;height:12px!important;margin:0!important}.hue-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 2px #252722,0 1px 4px #00000040}.hue-control output{color:var(--muted);font:700 10px/1 ui-monospace,monospace}.hex-field{margin-top:13px;display:block}.rgb-fields{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.hex-field input,.rgb-fields input{font-family:ui-monospace,monospace}.field-error{color:#b12d18;margin:8px 0 0;font-size:10px;line-height:1.4}.picker-actions{margin-top:13px}.picker-actions .button{flex:1;padding:0 8px}.picker-note{color:var(--muted);margin:9px 0 15px;font-size:10px;line-height:1.45}.dialog-footer{border-top:1px solid var(--line);justify-content:flex-end;padding-top:13px}html[data-theme=dark] body{background:radial-gradient(circle at 55% 0%, #242820 0, var(--paper) 45%)}html[data-theme=dark] .topbar{background:#171a16e6}html[data-theme=dark] .brand-mark{filter:drop-shadow(0 3px 9px #00000057)}html[data-theme=dark] :is(.button:not(.primary),.icon-button,.zoom-controls button,.preview-mode-toggle button){background:#242822}html[data-theme=dark] .theme-toggle{background:#252923}html[data-theme=dark] .theme-toggle[aria-pressed=true]{color:#fff7d1;background:#333831;border-color:#575e53}html[data-theme=dark] .language-control{background:#242822}html[data-theme=dark] .language-control select{background:0 0;border:0}html[data-theme=dark] .button:hover:not(:disabled){box-shadow:0 5px 16px #00000047}html[data-theme=dark] .button.active{background:#27304d}html[data-theme=dark] .notice{color:#c9cdc3;background:#242821}html[data-theme=dark] .notice span{background:#343931}html[data-theme=dark] .notice.success{color:#a9ddb5;background:#1d3022}html[data-theme=dark] .notice.error{color:#ffc0ac;background:#3b211b}html[data-theme=dark] .easter-toast{color:#f7f0de;background:linear-gradient(145deg,#29261f,#332a19);border-color:#ffcc664d;box-shadow:0 16px 44px #00000073}html[data-theme=dark] .easter-toast small{color:#ffc95f}html[data-theme=dark] .easter-toast em{color:#cfc3a7}html[data-theme=dark] .panel{background:#1a1d19f5;box-shadow:inset 0 1px #ffffff09,0 8px 22px #0000002e}html[data-theme=dark] .source-intro{background:#1d2c27;border-color:#3d5149}html[data-theme=dark] .dropzone{background:#20231f;border-color:#51574d}html[data-theme=dark] .dropzone:hover{background:#30231e}html[data-theme=dark] .image-rail.drag-active .dropzone{background:#3a2720}html[data-theme=dark] .global-image-drop{color:#ffb09a;background:#171a16e6;box-shadow:0 12px 45px #0000006b}html[data-theme=dark] .image-item:hover{background:#252923}html[data-theme=dark] .image-item.selected{background:#36241e;border-color:#b96043}html[data-theme=dark] .image-item i.done{color:#a9ddb5}html[data-theme=dark] .image-item i.pending,html[data-theme=dark] .slot-tag{color:#b2b7ad;background:#30342e}html[data-theme=dark] .dimension,html[data-theme=dark] .fixed-count{background:#2b3029}html[data-theme=dark] .compare{background:var(--line)}html[data-theme=dark] .compare figure{background:#171916}html[data-theme=dark] .compare figcaption{background:#20231f}html[data-theme=dark] .checker,html[data-theme=dark] .image-item img{background-color:#252924;background-image:linear-gradient(45deg,#353a33 25%,#0000 25%),linear-gradient(-45deg,#353a33 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#353a33 75%),linear-gradient(-45deg,#0000 75%,#353a33 75%)}html[data-theme=dark] :is(.zoom-controls,.preview-mode-toggle){background:#1b1e1aeb;border-color:#ffffff21}html[data-theme=dark] .preview-mode-choice button[aria-pressed=true]{color:#fff;background:var(--orange-dark)}html[data-theme=dark] .preview-mode-divider{background:#ffffff2b}html[data-theme=dark] .preview-mode-toggle .preview-mode-lock[aria-pressed=true]{color:#ff9a78;background:#ff704324;box-shadow:inset 0 0 0 1px #ff8a6257}html[data-theme=dark] .preview-processing{background:#1c1f1bf5;border-color:#ffffff24}html[data-theme=dark] .preview-processing.is-error{color:#ffc0ac;background:#371f19f7;border-color:#8b4d3e}html[data-theme=dark] .example-loading-preview{box-shadow:0 14px 35px #0000003d}html[data-theme=dark] .example-loading-preview:after{background:linear-gradient(105deg,#0000 38%,#ffffff29 50%,#0000 62%)}html[data-theme=dark] .empty-glyph{background:#39241d;border-color:#653628}html[data-theme=dark] .sliders output{color:#d1d5cb;background:#2b3029}html[data-theme=dark] .pixelation-setting{background:#20231f}html[data-theme=dark] .pixelation-setting.is-enabled{background:#32231e;border-color:#8b503d}html[data-theme=dark] .colorize-setting{background:#20231f}html[data-theme=dark] .colorize-setting.is-enabled{background:#32231e;border-color:#8b503d}html[data-theme=dark] .pixelation-size{border-color:#3a3f38}html[data-theme=dark] .count-field,html[data-theme=dark] .settings-dialog-note{color:#c4c8be;background:#242821}html[data-theme=dark] .palette-slot{border-color:#30342e}html[data-theme=dark] .palette-slot.is-fixed{background:#30221d}html[data-theme=dark] .is-fixed .slot-tag{color:#ffb49a;background:#573023}html[data-theme=dark] .is-weight-fixed .slot-tag{color:#ffd1c1;background:#7a3824}html[data-theme=dark] .swatch,html[data-theme=dark] .current-color{border-color:#292d28;box-shadow:0 0 0 1px #656b61,inset 0 0 0 1px #ffffff14}html[data-theme=dark] :is(input:not([type=range]):not([type=checkbox]):not([type=color]),select){color:var(--ink);background:#242822;border-color:#4a5047}html[data-theme=dark] .warning{color:#ffc0a4;background:#3a251d}html[data-theme=dark] .color-dialog{border-color:#454a42;box-shadow:0 25px 80px #0000008c}html[data-theme=dark] .settings-scope-list label,html[data-theme=dark] .preset-card{background:#222620}:is(html[data-theme=dark] .preset-card:hover,html[data-theme=dark] .preset-card:focus-visible){background:#34241e;border-color:#9a5a43}html[data-theme=dark] .palette-tuning{background:#20231f}html[data-theme=dark] .settings-scope-list label.is-selected{background:#34241e;border-color:#9a5a43}html[data-theme=dark] .hue-slider::-webkit-slider-thumb{box-shadow:0 0 0 2px #dfe3da,0 1px 4px #00000080}html[data-theme=dark] .hue-slider::-moz-range-thumb{box-shadow:0 0 0 2px #dfe3da,0 1px 4px #00000080}html[data-theme=dark] .ad-placement{background:#20231f}html[data-theme=dark] .ad-pending strong{color:#b2b7ad;background:#282c26}@media (min-width:761px) and (max-width:1599px){.source-column,.preview-panel{align-self:start;height:calc(100dvh - 140px);min-height:0;max-height:calc(100dvh - 140px)}.canvas-wrap{min-height:0}}@media (min-width:1181px) and (max-width:1599px){.notice{z-index:19;transform:translateY(var(--notice-release-offset,0px));will-change:transform;position:sticky;top:78px}.source-column,.preview-panel{position:sticky;top:128px}}@media (max-width:1180px){.workspace{grid-template-columns:220px minmax(420px,1fr)}.control-panel{grid-column:1/-1;grid-template-columns:.8fr 1.2fr 1fr;align-items:start;display:grid}.source-column,.preview-panel{position:static;top:auto}.ad-placement-rail{display:none}}@media (max-width:760px){.easter-toast{top:84px}.topbar{height:auto;min-height:72px;padding:12px 14px}.brand p,.header-actions .ghost{display:none}.video-open-button{justify-content:center;width:42px;min-height:42px;padding:0}.video-open-copy,.header-action-divider{display:none}.theme-toggle{min-width:42px;padding-inline:10px}.theme-icon{font-size:17px}.theme-label{display:none}.language-control{padding-inline:8px}.language-control>span{display:none}.language-control select{width:72px;padding-right:14px}.notice{padding-inline:14px}.workspace{flex-direction:column;padding:8px;display:flex}.source-column{max-height:none}.image-rail{max-height:330px}.preview-panel{order:-1;min-height:560px}.control-panel{display:flex}.compare{grid-template-columns:1fr}.canvas-wrap{min-height:210px}.palette-list{max-height:none}.preset-grid{grid-template-columns:1fr}}@media (min-width:1181px) and (min-height:1100px){.rail-ad-secondary{display:block}}@media (min-width:1600px) and (min-height:900px){.studio-shell{grid-template-rows:78px 38px minmax(0,1fr) 48px;height:100dvh;display:grid;overflow:hidden}.studio-shell .workspace{grid-template-columns:274px minmax(620px,1fr) 620px;height:auto;min-height:0;overflow:hidden}.studio-shell .source-column{height:100%;min-height:0;max-height:none;position:static;top:auto}.studio-shell .image-rail{min-height:0;max-height:none}.studio-shell .preview-panel{height:100%;min-height:0}.studio-shell .control-panel{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:repeat(2,minmax(0,1fr));height:100%;min-height:0;display:grid;overflow:hidden}.studio-shell .control-section{min-height:0}.studio-shell .control-section:first-child{overflow-y:auto}.studio-shell .control-section:nth-child(2){flex-direction:column;display:flex;overflow:hidden}.studio-shell .control-section:nth-child(2) .palette-list{flex:1;min-height:0;max-height:none}.studio-shell .control-section:nth-child(3){grid-column:1/-1}.studio-shell .studio-footer{height:48px;padding:0 24px}}.video-modal-backdrop{z-index:60;align-items:flex-start;padding:18px;overflow:auto}.video-dialog{border:1px solid var(--line);background:var(--panel);border-radius:18px;flex-direction:column;width:min(1180px,100%);max-height:calc(100dvh - 36px);margin:auto;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000047}.video-dialog-head{border-bottom:1px solid var(--line);flex:none;padding:20px 22px}.video-dialog-head>div{min-width:0}.video-dialog-head h2{margin:3px 0 4px;font:700 23px/1.2 Georgia,serif}.video-dialog-head p{color:var(--muted);margin:0;font-size:11px}.video-dialog-body{min-height:0;padding:16px 20px;overflow:auto}.video-source-card{grid-template-columns:minmax(220px,320px) 1fr;align-items:start;gap:12px;display:grid}.video-drop-button{min-height:72px;color:var(--ink);cursor:pointer;background:#f6f6f1;border:1px dashed #bfc2b8;border-radius:11px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:12px 16px;display:flex}.video-drop-button:hover:not(:disabled){border-color:var(--orange);background:#fff8f4}.video-drop-button strong{font-size:13px}.video-drop-button small{color:var(--muted);font-size:10px}.video-source-info{gap:8px;min-width:0;display:grid}.video-meta{border:1px solid var(--line);background:#f3f4ee;border-radius:11px;grid-template-columns:minmax(140px,1fr) auto auto auto auto;align-items:center;gap:12px;min-width:0;padding:12px 15px;font-size:11px;display:grid}.video-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-meta span{color:var(--muted);white-space:nowrap}.video-workload{background:#edf7ef;border:1px solid #b9d8c0;border-radius:10px;padding:9px 12px}.video-workload>div{justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:800;display:flex}.video-workload>div strong{color:#276538;background:#d3ecd8;border-radius:999px;padding:3px 7px;font-size:9px}.video-workload p{color:var(--ink);margin:4px 0 0;font-size:10px;line-height:1.45}.video-workload small{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.45;display:block}.video-workload small b{color:inherit}.video-workload.is-caution{background:#fff7df;border-color:#e2c27b}.video-workload.is-caution>div strong{color:#765008;background:#f4dfab}.video-workload.is-risk{background:#fff0ea;border-color:#e5a08e}.video-workload.is-risk>div strong{color:#8f321d;background:#f3c6b9}.video-preview-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.video-preview-grid figure{border:1px solid var(--line);background:#111;border-radius:12px;min-width:0;margin:0;overflow:hidden}.video-preview-grid figcaption{color:var(--ink);background:var(--panel);padding:8px 11px;font-size:11px;font-weight:800}.video-preview-grid video,.video-empty,.video-live-preview-shell{aspect-ratio:16/9;width:100%;max-height:320px;display:block}.video-preview-grid video{object-fit:contain;background:#10110f}.video-empty{color:#a8aaa3;text-align:center;background:#252722;place-items:center;padding:20px;font-size:11px;display:grid}.video-live-preview-shell{background:#10110f;place-items:center;display:grid;position:relative;overflow:hidden}.video-live-preview{opacity:0;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.video-live-preview-shell.is-ready .video-live-preview{opacity:1}.video-live-preview-shell.is-adjustment-preview.is-pixelated .video-live-preview{image-rendering:pixelated}.video-live-placeholder{color:#a8aaa3;text-align:center;background:#252722;place-items:center;padding:20px;font-size:11px;display:grid;position:absolute;inset:0}.video-live-status{color:#f5f6f1;background:#0f110fc7;border:1px solid #ffffff24;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;position:absolute;bottom:9px;right:9px;box-shadow:0 3px 12px #0003}.video-settings-grid{grid-template-columns:.9fr 1fr 1.25fr;align-items:start;gap:12px;margin-top:14px;display:grid}.video-setting-card{border:1px solid var(--line);background:#f6f6f1;border-radius:12px;min-width:0;padding:14px}.video-setting-card h3{margin:0 0 11px;font:750 14px/1.25 Georgia,serif}.video-mode-option{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:9px;align-items:flex-start;gap:8px;margin-top:8px;padding:10px;display:flex}.video-mode-option.is-selected{background:#fff4ee;border-color:#f39b7f}.video-mode-option input{accent-color:var(--orange);margin-top:2px}.video-mode-option strong,.video-mode-option small{display:block}.video-mode-option strong{font-size:11px}.video-mode-option small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.45}.video-acceleration{border-top:1px solid var(--line);margin-top:11px;padding-top:11px}.video-acceleration>label{justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:750;display:flex}.video-acceleration select{border:1px solid var(--line);min-width:118px;min-height:30px;color:var(--ink);background:var(--panel);font:inherit;border-radius:7px;padding:4px 28px 4px 9px}.video-gpu-info{min-width:0;color:var(--muted);align-items:center;gap:6px;margin-top:8px;font-size:9px;line-height:1.35;display:flex}.video-gpu-info>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-acceleration-dot{background:#a5aaa2;border-radius:50%;flex:none;width:7px;height:7px}.video-acceleration-dot.is-cpu{background:#6d91bf}.video-acceleration-dot.is-gpu{background:#55b778;box-shadow:0 0 0 3px #55b7782e}.video-acceleration>small{color:var(--muted);margin-top:6px;font-size:9px;line-height:1.4;display:block}.video-acceleration-notice{color:#315f3d;background:#e6f3e9;border-radius:7px;margin:8px 0 0;padding:7px 8px;font-size:9px;line-height:1.4}.video-acceleration-notice.is-fallback{color:#835028;background:#fff0df}.video-adjustments>label:not(.video-pixel-toggle):not(.video-pixel-size),.video-diversity,.video-surface-cleanup{margin-top:9px;display:block}.video-adjustments label>span,.video-diversity>span,.video-surface-cleanup>span{justify-content:space-between;align-items:center;font-size:10px;font-weight:750;display:flex}.video-parameter-number.compact-number-input{width:52px;min-height:26px;padding-block:2px;font-size:11px}.video-adjustments input[type=range],.video-diversity input[type=range],.video-surface-cleanup input[type=range]{width:100%;accent-color:var(--orange);margin:6px 0 0}.video-pixel-toggle,.video-pixel-size{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:11px;padding-top:10px;font-size:10px;font-weight:750;display:flex}.video-colorize{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin-top:11px;padding:9px}.video-colorize.is-enabled{background:#fff4ee;border-color:#f4b19a}.video-colorize>label{justify-content:space-between;align-items:center;gap:9px;font-size:10px;display:flex}.video-colorize strong,.video-colorize small{display:block}.video-colorize small{color:var(--muted);margin-top:2px;font-size:8px;font-weight:500}.video-colorize>label:first-child>input,.video-pixel-toggle input{width:17px;height:17px;accent-color:var(--orange)}.video-pixel-size input,.video-setting-heading input,.video-weight{border:1px solid var(--line);width:62px;min-height:30px;color:var(--ink);text-align:right;background:#fff;border-radius:7px;padding:4px 7px;font-size:11px}.video-setting-heading{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.video-setting-heading h3{margin:0}.video-section-title{align-items:center;gap:6px;min-width:0;display:flex}.video-section-title h3{overflow-wrap:anywhere;min-width:0}.video-setting-heading>.text-button,.video-palette-heading-actions>.text-button{color:var(--orange-dark)}.video-setting-heading .text-button:disabled{opacity:.4;cursor:not-allowed}.video-setting-heading label{color:var(--muted);align-items:center;gap:7px;font-size:10px;font-weight:750;display:flex}.video-surface-cleanup{border-top:1px solid var(--line);padding-top:9px}.video-diversity small,.video-surface-cleanup small{color:var(--muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;font-size:8px;line-height:1.25;display:grid}.video-diversity small b,.video-surface-cleanup small b{white-space:normal;overflow-wrap:break-word;min-width:0}.video-diversity small b:nth-child(2),.video-surface-cleanup small b:nth-child(2){text-align:center}.video-diversity small b:nth-child(3),.video-surface-cleanup small b:nth-child(3){text-align:right}.video-slot-list{border-top:1px solid var(--line);max-height:242px;margin-top:12px;overflow:auto}.video-slot-list.is-disabled{opacity:.42}.video-frame-palette-note{color:#536078;background:#f0f3fb;border:1px solid #d8dce9;border-radius:7px;margin:10px 0 0;padding:8px 9px;font-size:9px;line-height:1.45}.video-slot{border-bottom:1px solid var(--line);grid-template-columns:minmax(112px,1fr) 54px 62px 24px;align-items:center;gap:6px;min-width:0;padding:7px 2px;display:grid}.video-color-control{cursor:pointer;align-items:center;gap:7px;min-width:0;display:flex}.video-color-control>input[type=color]{border:1px solid var(--line);background:#fff;border-radius:7px;flex:none;width:32px;height:32px;padding:2px}.video-slot-color{min-width:0}.video-slot-color strong,.video-slot-color small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.video-slot-color strong{font:750 10px/1.2 ui-monospace,monospace}.video-slot-color small{color:var(--muted);margin-top:3px;font-size:8px}.video-slot-mode{justify-self:start;min-width:34px;font-size:9px;font-weight:800}.video-delete-slot{color:#a9492c;cursor:pointer;background:0 0;border:0;border-radius:6px;width:24px;height:28px;padding:0;font-size:18px}.video-delete-slot:hover:not(:disabled){background:#e9ebe4}.video-delete-slot:disabled{opacity:.28;cursor:not-allowed}.video-slot.is-fixed{background:#ff5c2a0f}.video-slot.is-weight-fixed{background:#ff5c2a1c}.video-progress-card{background:#edf6ef;border:1px solid #c7dbcb;border-radius:11px;margin-top:14px;padding:12px 14px}.video-progress-card.is-error{background:#fff0ea;border-color:#efc0b3}.video-progress-card>div{justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.video-progress-meta{color:var(--muted);white-space:nowrap;flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:5px 10px;font-size:10px;font-weight:750;display:flex}.video-progress-meta time,.video-progress-value{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:850}.video-progress-card output{color:var(--orange-dark);font-weight:900}.video-progress-card progress{width:100%;height:9px;accent-color:var(--orange);margin-top:8px}.video-progress-card small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.video-progress-card .video-progress-acceleration{color:#315f3d;margin-top:7px;font-weight:750}.video-progress-card .video-progress-acceleration.is-fallback{color:#a2572e}.video-result-palette{border:1px solid var(--line);background:#f6f6f1;border-radius:11px;align-items:center;gap:14px;margin-top:12px;padding:11px 13px;display:flex}.video-result-palette>strong{flex:none;font-size:10px}.video-result-palette>div{flex:1;gap:4px;min-width:0;display:flex}.video-result-palette span{border:1px solid #00000029;border-radius:6px;flex:1;min-width:18px;height:28px}.video-dialog-actions{border-top:1px solid var(--line);background:var(--panel);flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:13px 20px;display:flex}.video-dialog-actions>span{color:var(--muted);margin-right:auto;font-size:10px;font-weight:750}html[data-theme=dark] :is(.video-drop-button,.video-setting-card,.video-result-palette){background:#20231e}html[data-theme=dark] .video-meta{background:#242720}html[data-theme=dark] .video-workload{background:#203126;border-color:#365540}html[data-theme=dark] .video-workload>div strong{color:#bde7c6;background:#2c5035}html[data-theme=dark] .video-workload.is-caution{background:#332e1d;border-color:#66572d}html[data-theme=dark] .video-workload.is-caution>div strong{color:#f0d58e;background:#594b25}html[data-theme=dark] .video-workload.is-risk{background:#39231d;border-color:#744033}html[data-theme=dark] .video-workload.is-risk>div strong{color:#f0b4a4;background:#603226}html[data-theme=dark] .video-drop-button:hover:not(:disabled),html[data-theme=dark] .video-mode-option.is-selected{background:#38241d}html[data-theme=dark] .video-mode-option,html[data-theme=dark] .video-colorize{background:#191c18}html[data-theme=dark] .video-colorize.is-enabled{background:#38241d;border-color:#8b503d}html[data-theme=dark] .video-acceleration select{color:var(--ink);background:#252923}html[data-theme=dark] .video-acceleration-notice{color:#b9e1c3;background:#203126}html[data-theme=dark] .video-acceleration-notice.is-fallback{color:#f2bc94;background:#39291f}html[data-theme=dark] :is(.video-pixel-size input,.video-setting-heading input,.video-weight,.video-color-control>input[type=color]){color:var(--ink);background:#252923}html[data-theme=dark] :is(.delete-slot,.video-delete-slot):hover:not(:disabled){background:0 0}html[data-theme=dark] .video-progress-card{background:#203126;border-color:#365540}html[data-theme=dark] .video-progress-card.is-error{background:#39231d;border-color:#744033}html[data-theme=dark] .video-frame-palette-note{color:#bdc8e5;background:#202636;border-color:#3d465f}html[data-theme=dark] .section-help-popover{box-shadow:0 18px 54px #00000080}@media (max-width:900px){.video-modal-backdrop{padding:0}.video-dialog{border:0;border-radius:0;width:100%;min-height:100dvh;max-height:100dvh}.video-source-card,.video-preview-grid,.video-settings-grid{grid-template-columns:1fr}.video-meta{grid-template-columns:minmax(120px,1fr) auto}.video-preview-grid video,.video-empty,.video-live-preview-shell{max-height:260px}.video-dialog-actions{flex-wrap:wrap}.video-dialog-actions>span{width:100%;margin:0}}@media (max-width:640px){.video-dialog-body{padding:12px}.video-dialog-head{padding:15px}.video-dialog-actions{padding:11px 12px}.video-dialog-actions .button{flex:1;padding:0 9px}}.video-loading{border:1px solid var(--line);color:var(--ink);background:var(--panel);border-radius:12px;margin:auto;padding:18px 22px;font-size:12px;font-weight:800;box-shadow:0 16px 45px #0003}.video-palette-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px 10px;min-width:0;display:flex}.video-palette-heading-actions>.text-button{color:var(--orange-dark);font-size:10px}.video-palette-heading-actions>label{color:var(--muted);align-items:center;gap:7px;font-size:10px;font-weight:750;display:flex}.video-preset-panel{border:1px solid var(--line);background:var(--panel);border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:11px;padding:8px;display:grid}.video-preset-panel>button{border:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:#f6f6f1;border-radius:8px;grid-template-columns:1fr auto;gap:3px 7px;padding:7px;display:grid}.video-preset-panel>button:hover{background:#fff4ee;border-color:#f39b7f}.video-preset-panel>button>span{border:1px solid #0000001f;border-radius:5px;grid-column:1/-1;height:20px;display:flex;overflow:hidden}.video-preset-panel i{flex:1;min-width:0}.video-preset-panel strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.video-preset-panel small{color:var(--muted);white-space:nowrap;font-size:8px}html[data-theme=dark] .video-preset-panel>button{background:#20231e}html[data-theme=dark] .video-preset-panel>button:hover{background:#38241d}@media (max-width:640px){.section-help-popover{border-radius:14px;width:auto;max-height:calc(100dvh - 24px);bottom:12px;right:12px;overflow:auto;top:auto!important;left:12px!important}}@media (max-width:420px){.video-preset-panel{grid-template-columns:1fr}}html:is([lang=en],[lang=ja],[lang=es]) .section-help-popover{width:min(372px,100vw - 24px)}html:is([lang=en],[lang=ja],[lang=es]) .video-setting-heading{flex-wrap:wrap;align-items:flex-start}html:is([lang=en],[lang=ja],[lang=es]) .video-palette-heading-actions{justify-content:flex-start;width:100%}html:is([lang=en],[lang=ja],[lang=es]) :is(.video-diversity,.video-surface-cleanup) small b{overflow-wrap:anywhere}html[lang=ja] :is(.panel-title h2,.video-setting-card,.section-help-popover){line-break:strict}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.info-page{min-height:100vh;color:var(--ink);background:var(--paper)}.info-page :is(h1,h2,h3){text-wrap:balance;overflow-wrap:break-word}.info-page :is(p,li){text-wrap:pretty;overflow-wrap:break-word}html[lang=ko] .info-page :is(h1,h2,h3,p,li,a,strong,small){word-break:keep-all}html:is([lang=en],[lang=es]) .info-page :is(h1,h2,h3,p,li){-webkit-hyphens:auto;hyphens:auto}html[lang=ja] .info-page :is(h1,h2,h3,p,li,a,strong,small){line-break:strict;overflow-wrap:anywhere}.info-topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfbf7eb;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;min-height:72px;padding:12px max(24px,50vw - 590px);display:grid;position:sticky;top:0}.info-brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.info-brand-mark{object-fit:contain;filter:drop-shadow(0 3px 7px #14161224);flex:none;width:42px;height:42px;display:block}.info-brand strong{white-space:nowrap;font:700 18px/1 Georgia,serif}.info-topbar>nav{justify-content:center;gap:4px;display:flex}.info-topbar>nav a{min-width:0;color:var(--muted);white-space:nowrap;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:750;text-decoration:none}.info-topbar>nav a:hover,.info-topbar>nav a.active{color:var(--ink);background:#eceee7}.info-actions{align-items:center;gap:7px;display:flex}.info-actions button,.info-actions label{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:36px}.info-actions button{width:38px;color:var(--ink);cursor:pointer;padding:0;font-size:15px}.info-actions label{align-items:center;gap:5px;padding:0 7px 0 9px;display:flex}.info-actions label>span{color:var(--muted);font-size:12px;font-weight:850}.info-actions select{width:76px;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px;font-weight:750}.back-editor{color:#fff;background:var(--orange);white-space:nowrap;border-radius:8px;align-items:center;min-height:36px;padding:0 13px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.info-hero{text-align:center;max-width:1000px;margin:0 auto;padding:104px 28px 84px}.info-hero h1,.legal-page>header h1{letter-spacing:-.045em;max-width:940px;margin:12px auto 18px;font:700 clamp(38px,5.35vw,68px)/1.08 Georgia,serif}.info-hero>p{max-width:690px;color:var(--muted);text-wrap:balance;margin:0 auto 30px;font-size:15px;line-height:1.8}.info-primary{color:#fff;background:var(--orange);border-radius:11px;align-items:center;gap:22px;min-height:46px;padding:0 19px;font-size:13px;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:0 12px 30px #ff5c2a33}.info-primary span{font-size:19px}.local-promise{background:linear-gradient(135deg,#eef8f0,#f9faf5);border:1px solid #b8d7c1;border-radius:24px;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:36px;max-width:1120px;margin:0 auto 78px;padding:40px 44px;display:grid;box-shadow:0 18px 60px #315a3b14}.local-promise>div:last-child{min-width:0}.local-promise h2,.info-section-head h2,.contact-section h2{letter-spacing:-.025em;margin:7px 0 12px;font:700 clamp(25px,2.55vw,34px)/1.2 Georgia,serif}.local-promise h2{max-width:820px}.local-promise p,.info-section-head p,.contact-section p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.local-orbit{border:1px solid #bddac4;border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative}.local-orbit:before{content:"";border:1px dashed #9ec7a8;border-radius:50%;position:absolute;inset:19px}.local-orbit span{z-index:1;color:#fff;letter-spacing:.1em;background:#2b7540;border-radius:22px 22px 8px;place-items:center;width:70px;height:70px;font-size:11px;font-weight:900;display:grid}.local-orbit i{background:var(--orange);border-radius:50%;width:9px;height:9px;position:absolute}.local-orbit i:first-of-type{top:15px;left:35px}.local-orbit i:nth-of-type(2){top:72px;right:10px}.local-orbit i:nth-of-type(3){bottom:16px;left:27px}.process-section,.guide-section{max-width:1120px;margin:0 auto 82px;padding:0 20px}.info-section-head{margin-bottom:24px}.process-flow{border:1px solid var(--line);background:var(--panel);border-radius:16px;grid-template-columns:repeat(6,1fr);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.process-flow li{border-left:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:105px;padding:18px 14px;display:flex;position:relative}.process-flow li:first-child{border-left:0}.process-flow li:not(:last-child):after{content:"›";z-index:2;box-sizing:border-box;border:1px solid var(--line);background:var(--panel);width:18px;height:18px;color:var(--orange);border-radius:50%;justify-content:center;align-items:center;padding:0 0 2px 1px;font:900 14px/1 Arial,sans-serif;display:flex;position:absolute;top:41px;right:-9px}.process-flow span{color:var(--orange);font:850 10px/1 ui-monospace,monospace}.process-flow strong{text-wrap:balance;min-width:0;font-size:12px;line-height:1.4}.guide-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.guide-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;min-height:350px;padding:22px;display:flex;box-shadow:0 8px 24px #191a1709}.guide-card-top{justify-content:space-between;align-items:flex-start;display:flex}.guide-card-top>span{color:var(--orange);font:900 11px/1 ui-monospace,monospace}.guide-card h3{margin:25px 0 10px;font:700 19px/1.28 Georgia,serif}.guide-card>p{color:var(--muted);margin:0;font-size:12px;line-height:1.75}.guide-card>small{color:#487052;margin-top:auto;padding-top:18px;font-size:10px;font-weight:700;line-height:1.5}.guide-demo{background:#f2f3ed;border:1px solid #d7d9d1;border-radius:11px;width:132px;height:92px;position:relative;overflow:hidden}.demo-upload{place-items:center;display:grid}.demo-plus{color:var(--orange);font-size:32px;font-weight:300}.demo-key{background:#fff;border:1px solid #cfd1c8;border-bottom-width:3px;border-radius:5px;padding:4px 7px;font:800 9px/1 ui-monospace,monospace;position:absolute;bottom:8px;right:8px}.demo-sliders{gap:13px;padding:17px 14px;display:grid}.demo-sliders i{background:#555a51;height:2px;position:relative}.demo-sliders i:after{content:"";background:var(--orange);border-radius:50%;width:12px;height:12px;position:absolute;top:-5px}.demo-sliders i:first-child:after{left:62%}.demo-sliders i:nth-child(2):after{left:28%}.demo-sliders i:nth-child(3):after{left:76%}.demo-palette{justify-content:center;align-items:center;gap:5px;display:flex}.demo-palette i{border-radius:5px;width:17px;height:50px}.demo-palette i:first-child{background:#28352f}.demo-palette i:nth-child(2){background:#78925a}.demo-palette i:nth-child(3){background:#f1be4a}.demo-palette i:nth-child(4){background:#dc4a30}.demo-palette i:nth-child(5){background:#efe3c2}.demo-pick{place-items:center;display:grid}.demo-pick i{border:7px solid #f01400;border-radius:50%;width:28px;height:28px;box-shadow:0 0 0 1px #9c160d}.demo-pick i:after{content:"";background:#1f211e;width:1px;height:50px;position:absolute;transform:rotate(45deg)}.demo-pick b{color:#fff;background:#1c1e1b;border-radius:4px;padding:4px 5px;font:700 8px/1 ui-monospace,monospace;position:absolute;bottom:7px;right:7px}.demo-weights{flex-direction:column;justify-content:center;gap:9px;padding:15px;display:flex}.demo-weights i{background:#95b59c;border-radius:5px;height:9px;display:block}.demo-weights i:first-child{width:45%}.demo-weights i:nth-child(2){background:var(--orange);width:88%}.demo-weights i:nth-child(3){width:64%}.demo-video{grid-template-columns:1fr 1fr;align-content:center;gap:7px;padding:14px 12px;display:grid}.demo-video span{text-align:center;background:#fff;border:1px solid #d0d2ca;border-radius:6px;padding:6px 3px;font:800 8px/1 ui-monospace,monospace}.demo-video span:first-child{color:#fff;border-color:var(--orange);background:var(--orange)}.demo-video i{background:#b8bcb2;border-radius:4px;grid-column:1/-1;height:3px;display:block}.demo-video i:nth-of-type(2){background:#78925a;width:72%}.demo-video i:nth-of-type(3){background:#f1be4a;width:45%}.demo-export{justify-content:center;align-items:center;gap:5px;display:flex}.demo-export span{background:#fff;border:1px solid #d0d2ca;border-radius:6px;padding:8px 6px;font:800 8px/1 ui-monospace,monospace}.demo-export span:first-child{color:#fff;border-color:var(--orange);background:var(--orange)}.contact-section{text-align:center;color:#f6f7f2;background:#1e211d;border-radius:22px;max-width:860px;margin:0 auto 92px;padding:48px}.contact-section p{color:#bcc1b8;max-width:650px;margin:0 auto}.contact-section a{color:#fff;background:var(--orange);border-radius:9px;align-items:center;gap:20px;min-height:42px;margin-top:24px;padding:0 16px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.legal-page>header{text-align:center;max-width:900px;margin:0 auto;padding:90px 28px 62px}.legal-page>header h1{font-size:clamp(40px,6vw,66px)}.legal-page>header>p{max-width:720px;color:var(--muted);margin:0 auto 18px;font-size:14px;line-height:1.8}.legal-page>header small{color:var(--muted);font-size:10px;font-weight:700}.legal-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:54px;max-width:1060px;margin:0 auto 90px;padding:0 24px;display:grid}.legal-layout aside{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:3px;padding:16px;display:grid;position:sticky;top:96px}.legal-layout aside strong{padding:7px 8px 10px;font:700 14px/1.25 Georgia,serif}.legal-layout aside a{color:var(--muted);border-radius:6px;padding:7px 8px;font-size:10px;line-height:1.35;text-decoration:none}.legal-layout aside a:hover{color:var(--ink);background:#eceee7}.legal-content{gap:12px;display:grid}.legal-content>section{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:28px 30px;scroll-margin-top:100px}.legal-content h2{margin:0 0 15px;font:700 20px/1.3 Georgia,serif}.legal-content p,.legal-content li{color:var(--muted);font-size:12px;line-height:1.85}.legal-content p{margin:0 0 10px}.legal-content p:last-child{margin-bottom:0}.legal-content ul{margin:0;padding-left:20px}.legal-content li+li{margin-top:6px}.legal-links{background:#eceee7;border-radius:12px;flex-wrap:wrap;gap:8px;padding:18px;display:flex}.legal-links a{border:1px solid var(--line);color:var(--ink);background:var(--panel);border-radius:7px;padding:8px 10px;font-size:10px;font-weight:750;text-decoration:none}.info-footer,.studio-footer{border-top:1px solid var(--line);background:var(--panel)}.info-footer{grid-template-columns:1fr auto;align-items:start;gap:20px 50px;padding:34px max(24px,50vw - 560px);display:grid}.info-footer strong{font:700 16px/1 Georgia,serif}.info-footer p{color:var(--muted);margin:7px 0 0;font-size:10px}.info-footer nav{gap:18px;display:flex}.info-footer a{color:var(--muted);font-size:10px;font-weight:700;text-decoration:none}.info-footer a:hover{color:var(--ink)}.info-footer>small{color:var(--muted);grid-column:1/-1;font-size:9px}.studio-footer{grid-template-columns:1fr auto auto;align-items:center;gap:24px;margin-top:0;padding:24px;display:grid}.studio-footer div{align-items:baseline;gap:12px;display:flex}.studio-footer strong{font:700 14px/1 Georgia,serif}.studio-footer span,.studio-footer small{color:var(--muted);font-size:9px}.studio-footer nav{gap:15px;display:flex}.studio-footer a{color:var(--muted);font-size:9px;font-weight:750;text-decoration:none}.studio-footer a:hover{color:var(--ink)}.studio-footer .app-version,.info-footer .app-version{border:1px solid var(--line);background:var(--soft);color:var(--muted);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;margin-left:6px;padding:2px 6px;font:700 9px/1.2 Arial,sans-serif;display:inline-flex}html:is([lang=en],[lang=ja],[lang=es]) .info-topbar{gap:18px}html:is([lang=en],[lang=ja],[lang=es]) .info-topbar>nav{flex-wrap:wrap;row-gap:2px;min-width:0}html:is([lang=en],[lang=ja],[lang=es]) .info-topbar>nav a{padding-inline:8px}html:is([lang=en],[lang=ja],[lang=es]) :is(.guide-card,.process-flow li,.legal-content>section){min-width:0}html[data-theme=dark] .info-topbar{background:#171a16eb}html[data-theme=dark] .info-brand-mark{filter:drop-shadow(0 3px 9px #00000057)}html[data-theme=dark] .info-topbar>nav a:hover,html[data-theme=dark] .info-topbar>nav a.active,html[data-theme=dark] .legal-layout aside a:hover{background:#292d27}html[data-theme=dark] .info-actions button,html[data-theme=dark] .info-actions label{background:#242822}html[data-theme=dark] .local-promise{background:linear-gradient(135deg,#1d2a20,#1e221d);border-color:#385542}html[data-theme=dark] .local-orbit,html[data-theme=dark] .local-orbit:before{border-color:#42604a}html[data-theme=dark] .guide-demo{background:#242822;border-color:#41463e}html[data-theme=dark] :is(.demo-key,.demo-export span,.demo-video span){background:#30352e;border-color:#4a5047}html[data-theme=dark] .guide-card>small{color:#9ac3a3}html[data-theme=dark] .legal-links{background:#242821}@media (max-width:900px){.info-topbar{grid-template-columns:auto 1fr;gap:12px}.info-topbar>nav{grid-area:2/1/auto/-1;justify-content:flex-start;overflow-x:auto}.info-actions{justify-self:end}.back-editor{display:none}.local-promise{grid-template-columns:130px minmax(0,1fr);gap:28px;margin-inline:20px;padding:34px}.local-orbit{width:130px;height:130px}.guide-grid{grid-template-columns:repeat(2,1fr)}.process-flow{grid-template-columns:repeat(3,1fr)}.process-flow li:nth-child(4){border-left:0}.process-flow li:nth-child(3):after{display:none}.legal-layout{grid-template-columns:1fr;gap:18px}.legal-layout aside{display:flex;position:static;overflow-x:auto}.legal-layout aside strong{display:none}.legal-layout aside a{white-space:nowrap}.studio-footer{grid-template-columns:1fr}.studio-footer div{gap:5px;display:grid}.studio-footer nav{flex-wrap:wrap}}@media (max-width:620px){.info-topbar{padding:10px 12px}.info-brand strong,.info-actions label>span{display:none}.info-actions label{padding-left:6px}.info-actions select{width:68px}.info-hero{padding:70px 20px 58px}.info-hero h1{letter-spacing:-.035em;font-size:clamp(34px,10.5vw,42px);line-height:1.12}.local-promise{grid-template-columns:1fr;gap:24px;padding:30px 24px}.local-promise h2{font-size:clamp(24px,7.5vw,31px);line-height:1.25}.local-orbit{width:120px;height:120px;margin:auto}.local-orbit span{width:58px;height:58px}.process-flow{grid-template-columns:repeat(2,1fr)}.process-flow li:nth-child(3),.process-flow li:nth-child(5){border-left:0}.process-flow li:nth-child(4){border-left:1px solid var(--line)}.process-flow li:nth-child(2):after,.process-flow li:nth-child(4):after{display:none}.process-flow li:nth-child(3):after{display:grid}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:330px}.contact-section{margin-inline:16px;padding:36px 22px}.legal-page>header{padding:64px 20px 44px}.legal-layout{padding:0 12px}.legal-content>section{padding:23px 20px}.info-footer{grid-template-columns:1fr}.info-footer nav{flex-wrap:wrap}}html:has(.public-page){scroll-behavior:smooth}.public-page section[id]{scroll-margin-top:96px}.public-page{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 78% 3%, color-mix(in srgb, var(--mint) 70%, transparent), transparent 30rem), var(--paper);overflow:hidden}@media (prefers-reduced-motion:reduce){html:has(.public-page){scroll-behavior:auto}}.public-page a{color:inherit;text-decoration:none}.public-page img{max-width:100%;display:block}.public-checker{background-color:#e7e7e1;background-image:linear-gradient(45deg,#d7d7d0 25%,#0000 25%),linear-gradient(-45deg,#d7d7d0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d7d7d0 75%),linear-gradient(-45deg,#0000 75%,#d7d7d0 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}html[data-theme=dark] .public-checker{background-color:#252924;background-image:linear-gradient(45deg,#353a33 25%,#0000 25%),linear-gradient(-45deg,#353a33 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#353a33 75%),linear-gradient(-45deg,#0000 75%,#353a33 75%)}.public-header{z-index:40;border-bottom:1px solid color-mix(in srgb, var(--line) 78%, transparent);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;gap:32px;min-height:76px;padding:0 clamp(20px,4vw,72px);display:flex;position:sticky;top:0}.public-brand{flex:none;align-items:center;gap:12px;display:flex}.public-brand img,.public-footer-brand img{object-fit:contain;filter:drop-shadow(0 4px 8px #11131024)}.public-brand>span{align-items:center;gap:7px;display:flex}.public-brand strong,.public-footer-brand strong{letter-spacing:-.035em;font:700 20px/1 Georgia,serif}.public-brand small{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 6px;font:800 8px/1 Arial,sans-serif}.public-header>nav{align-items:center;gap:24px;margin-left:auto;display:flex}.public-header>nav a{color:var(--muted);font-size:12px;font-weight:750}.public-header>nav a:hover{color:var(--ink)}.public-actions{align-items:center;gap:8px;display:flex}.public-theme,.public-language{border:1px solid var(--line);background:var(--panel);border-radius:9px;min-height:38px}.public-theme{cursor:pointer;width:38px;padding:0}.public-language{align-items:center;gap:5px;padding:0 8px 0 10px;display:flex}.public-language span{color:var(--muted);font-size:12px;font-weight:800}.public-language select{max-width:88px;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;font-size:11px;font-weight:750}.public-editor-button,.public-primary,.public-final-cta>a{border:1px solid var(--orange);background:var(--orange);box-shadow:0 8px 22px color-mix(in srgb, var(--orange) 25%, transparent);border-radius:10px;justify-content:center;align-items:center;gap:13px;font-weight:850;display:inline-flex;color:#fff!important}.public-editor-button{min-height:40px;padding:0 16px;font-size:11px}.public-editor-button:hover,.public-primary:hover,.public-final-cta>a:hover{background:var(--orange-dark);transform:translateY(-1px)}.public-hero{grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);align-items:center;gap:clamp(42px,7vw,110px);width:min(1460px,100% - 48px);min-height:670px;margin:0 auto;padding:clamp(68px,8vw,124px) 0 88px;display:grid}.public-eyebrow{color:var(--orange-dark);letter-spacing:.18em;font-size:10px;font-weight:900;display:block}.public-hero h1{letter-spacing:-.035em;max-width:760px;margin:18px 0 24px;font:700 clamp(46px,5.3vw,82px)/1.08 Georgia,serif}.public-hero h1 span{text-wrap:balance;display:block}.public-page[data-language=ja] .public-hero h1{letter-spacing:-.025em;max-width:820px;font-size:clamp(40px,4.8vw,74px);line-height:1.12}.public-page[data-language=ja] .public-hero h1 span{word-break:keep-all;overflow-wrap:normal}.public-page[data-language=en] .public-hero h1{letter-spacing:-.03em;max-width:850px;font-size:clamp(42px,4.45vw,70px);line-height:1.07}.public-hero-copy>p{max-width:690px;color:var(--muted);text-wrap:pretty;margin:0;font-size:clamp(15px,1.25vw,19px);line-height:1.75}.public-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;display:flex}.public-primary{min-height:52px;padding:0 23px;font-size:13px}.public-secondary{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;min-height:52px;padding:0 21px;font-size:13px;font-weight:800;display:inline-flex}.public-trust{flex-wrap:wrap;gap:10px 20px;margin:30px 0 0;padding:0;list-style:none;display:flex}.public-trust li{color:var(--muted);align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.public-trust i{color:#287142;background:var(--mint);border-radius:50%;place-items:center;width:18px;height:18px;font-style:normal;display:grid}.public-hero-demo{isolation:isolate;min-width:0;padding:18px 22px 66px;position:relative}.hero-image-frame{z-index:1;isolation:isolate;aspect-ratio:1.5;border:1px solid var(--line);border-radius:28px;position:relative;overflow:hidden;box-shadow:0 32px 80px #1417122e}.hero-image-frame:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff26}.hero-image-frame img{object-fit:cover;width:100%;height:100%}.hero-image-frame img.hero-image-witch{object-position:50% 42%}.hero-image-frame img.hero-image-crate{object-position:0% 50%}.hero-image-compare{--hero-compare-position:15%;touch-action:pan-y}.hero-image-compare>img{position:absolute;inset:0}.hero-compare-original{z-index:0}.hero-compare-result{z-index:1;clip-path:inset(0 0 0 var(--hero-compare-position))}.hero-compare-divider{z-index:3;left:var(--hero-compare-position);opacity:1;pointer-events:none;background:#ffffffeb;width:2px;transition:opacity .1s;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 0 1px #0f110e38,0 0 18px #0f110e4d}.hero-image-compare[data-compare-edge=true] .hero-compare-divider{opacity:0}.hero-badge-layer{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:36px;left:40px;right:40px}.hero-compare-label{color:#fff;letter-spacing:.06em;text-rendering:geometricprecision;pointer-events:none;background:#0f110ed6;border:1px solid #ffffff2e;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:8px;font-weight:850;line-height:1;display:inline-flex}.hero-compare-status{pointer-events:none;align-items:center;gap:6px;display:flex}.hero-image-placeholder{background:linear-gradient(110deg,#20241f 35%,#2a3029 50%,#20241f 65%) 0 0/220% 100%;animation:1s ease-in-out infinite hero-placeholder}@keyframes hero-placeholder{0%{background-position:100% 0}to{background-position:-120% 0}}.hero-palette-card{z-index:2;border:1px solid color-mix(in srgb, var(--line) 88%, transparent);background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;width:min(430px,68%);padding:15px 16px 16px;position:absolute;bottom:7px;left:clamp(36px,5.5vw,72px);box-shadow:0 18px 48px #14171238}.hero-palette-meta{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.hero-palette-meta>span{color:var(--muted);letter-spacing:.12em;flex:none;align-items:baseline;gap:5px;font-size:9px;font-weight:900;display:flex}.hero-palette-meta>span b{color:var(--ink);letter-spacing:-.04em;font:700 26px/1 Georgia,serif}.hero-palette-meta small{min-width:0;color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750;overflow:hidden}.hero-palette-swatches{height:21px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 38%, transparent);border-radius:6px;margin-top:12px;display:flex;overflow:hidden}.hero-palette-card i{flex:1}.hero-local-badge{color:#ffffffe6;letter-spacing:.11em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f110ea8;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:0 9px;font-size:8px;font-weight:850;line-height:1;display:inline-flex;box-shadow:0 6px 16px #0f110e24}.hero-local-badge:before{content:"";background:#59d782;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #59d78226}.public-section{width:min(1360px,100% - 48px);margin:0 auto;padding:100px 0}.public-section>header{margin-bottom:38px}.public-section>header h2{letter-spacing:-.045em;text-wrap:balance;max-width:820px;margin:12px 0 0;font:700 clamp(32px,3.2vw,52px)/1.08 Georgia,serif}.public-section>header p{max-width:720px;color:var(--muted);margin:15px 0 0;font-size:14px;line-height:1.7}.public-features{background:var(--ink);width:100%;max-width:none;color:var(--paper);padding-left:max(24px,50% - 680px);padding-right:max(24px,50% - 680px)}.public-features .public-eyebrow{color:color-mix(in srgb, var(--orange) 88%, white)}.public-feature-grid{border:1px solid color-mix(in srgb, var(--paper) 17%, transparent);background:color-mix(in srgb, var(--paper) 17%, transparent);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.public-feature-grid article{background:var(--ink);min-height:230px;padding:26px 28px}.public-feature-grid article>span{color:color-mix(in srgb, var(--paper) 48%, transparent);font:700 11px/1 ui-monospace,monospace}.public-feature-grid h3{margin:42px 0 12px;font:700 21px/1.2 Georgia,serif}.public-feature-grid p{color:color-mix(in srgb, var(--paper) 68%, transparent);margin:0;font-size:12px;line-height:1.7}.public-examples>header{justify-content:space-between;align-items:flex-end;gap:25px;display:flex}.public-examples>header>a{border-bottom:1px solid var(--ink);flex:none;gap:10px;padding-bottom:7px;font-size:11px;font-weight:800;display:flex}.public-example-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.public-example-grid article{border:1px solid var(--line);background:var(--panel);border-radius:18px;min-width:0;overflow:hidden}.example-image-link{aspect-ratio:4/3;display:block;position:relative;overflow:hidden}.example-image-link img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.example-image-link:hover img{transform:scale(1.025)}.example-image-link>span{color:#fff;letter-spacing:.1em;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f110ebf;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:900;position:absolute;bottom:12px;right:12px}.example-card-copy{padding:19px}.example-swatches{border-radius:5px;height:16px;display:flex;overflow:hidden}.example-swatches i{flex:1}.example-card-copy h3{margin:18px 0 8px;font:700 21px/1.2 Georgia,serif}.example-card-copy p{min-height:3.5em;color:var(--muted);margin:0;font-size:11.5px;line-height:1.65}.example-card-copy>a{gap:7px;margin-top:17px;font-size:10px;font-weight:850;display:inline-flex}.public-ai-note{color:var(--muted);margin:18px 0 0;font-size:10px}.public-workflow{grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:70px;display:grid}.public-workflow ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.public-workflow li{border-bottom:1px solid var(--line);grid-template-columns:72px 1fr;gap:20px;padding:25px 0;display:grid}.public-workflow li>span{color:var(--orange-dark);font:800 11px/1 ui-monospace,monospace}.public-workflow h3{margin:0 0 8px;font:700 20px/1.2 Georgia,serif}.public-workflow p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.public-guides{background:color-mix(in srgb, var(--mint) 62%, var(--paper));width:100%;max-width:none;padding-left:max(24px,50% - 680px);padding-right:max(24px,50% - 680px)}.public-guide-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.public-guide-grid a{border:1px solid color-mix(in srgb, var(--line) 88%, var(--mint));background:var(--panel);border-radius:15px;min-height:240px;padding:24px;position:relative;box-shadow:0 10px 28px #181f180b}.public-guide-grid a>span{color:var(--orange-dark);font:800 10px/1 ui-monospace,monospace}.public-guide-grid h3{margin:54px 0 10px;font:700 19px/1.25 Georgia,serif}.public-guide-grid p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.public-guide-grid b{font-size:18px;position:absolute;bottom:18px;right:22px}.public-guide-button{border-bottom:1px solid var(--ink);gap:10px;margin-top:20px;font-size:11px;font-weight:850;display:inline-flex}html[data-theme=dark] .public-guides{background:color-mix(in srgb, var(--mint) 34%, var(--paper))}html[data-theme=dark] .public-guide-grid a{border-color:color-mix(in srgb, var(--line) 80%, transparent);background:color-mix(in srgb, var(--panel) 88%, transparent);box-shadow:none}.public-faq{grid-template-columns:.7fr 1.3fr;gap:70px;display:grid}.public-faq>div{border-top:1px solid var(--line)}.public-faq-item{border-bottom:1px solid var(--line)}.public-faq-item h3{margin:0}.public-faq-item button{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:15px;padding:22px 0;font-size:13px;font-weight:800;display:flex}.public-faq-item button i{color:var(--muted);font-style:normal;font-weight:400;transition:transform .24s,color .24s;transform:rotate(0)}.public-faq-item.is-open button i{color:var(--accent);transform:rotate(45deg)}.public-faq-answer{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1),opacity .2s;display:grid}.public-faq-answer>div{min-height:0;overflow:hidden}.public-faq-item.is-open .public-faq-answer{opacity:1;grid-template-rows:1fr}.public-faq-answer p{color:var(--muted);margin:0 0 22px;padding-right:45px;font-size:12px;line-height:1.7}@media (prefers-reduced-motion:reduce){.public-faq-answer,.public-faq-item button i{transition:none}}.public-final-cta{width:min(1360px,100% - 48px);color:var(--paper);background:var(--ink);border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;margin:20px auto 100px;padding:clamp(32px,5vw,68px);display:grid}.public-final-cta>div h2{letter-spacing:-.04em;margin:9px 0 0;font:700 clamp(28px,3vw,46px)/1.05 Georgia,serif}.public-final-cta>a{min-height:50px;padding:0 22px;font-size:12px}.public-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:24px;padding:42px max(24px,50% - 680px);display:grid}.public-footer-brand{align-items:center;gap:10px;display:inline-flex}.public-footer p{max-width:580px;color:var(--muted);margin:11px 0 0;font-size:10px;line-height:1.6}.public-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:15px;font-size:9px;font-weight:750;display:flex}.public-footer>small{color:var(--muted);text-align:right;grid-column:2;font-size:8px}.examples-page,.example-detail-page{background:var(--paper);min-height:100vh}.examples-main,.example-detail-main{width:min(1360px,100% - 48px);margin:0 auto;padding:80px 0 110px}.examples-intro{max-width:880px;margin-bottom:46px}.examples-intro h1,.example-detail-heading h1{letter-spacing:-.055em;margin:14px 0 18px;font:700 clamp(42px,5vw,72px)/1 Georgia,serif}.examples-intro p,.example-detail-heading p{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.examples-list{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.examples-list article{border:1px solid var(--line);background:var(--panel);border-radius:17px;overflow:hidden}.examples-list .example-card-copy p{min-height:4em}.example-detail-heading{max-width:880px;margin-bottom:42px}.example-detail-grid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:start;gap:24px;display:grid}.example-detail-visual,.example-detail-copy{border:1px solid var(--line);background:var(--panel);border-radius:18px}.example-detail-visual{overflow:hidden}.example-before-after{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.example-before-after-landscape{grid-template-columns:1fr}.example-before-after figure{min-width:0;margin:0;position:relative}.example-before-after figcaption{z-index:2;color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f110ebd;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:850;position:absolute;top:12px;left:12px}.example-detail-visual img{object-fit:contain;width:100%;height:clamp(330px,44vw,680px)}.example-before-after-landscape img{height:auto}.example-detail-palette{gap:4px;padding:18px;display:flex}.example-detail-palette i{border-radius:5px;flex:1;min-width:0;height:35px}.example-detail-copy{padding:28px}.example-detail-copy section+section{border-top:1px solid var(--line);margin-top:27px;padding-top:27px}.example-detail-copy h2{margin:0 0 10px;font:700 22px/1.2 Georgia,serif}.example-detail-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.72}.example-setting-list{grid-template-columns:repeat(2,1fr);gap:9px;margin:0;padding:0;list-style:none;display:grid}.example-setting-list li{background:color-mix(in srgb, var(--paper) 82%, var(--panel));border-radius:9px;padding:12px}.example-setting-list span{color:var(--muted);font-size:9px;font-weight:750;display:block}.example-setting-list strong{margin-top:5px;font:700 16px/1 Georgia,serif;display:block}.example-detail-copy>.public-ai-note{margin:18px 0 0}.example-detail-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.example-detail-actions a{border:1px solid var(--line);background:var(--panel);border-radius:9px;align-items:center;min-height:44px;padding:0 17px;font-size:11px;font-weight:800;display:inline-flex}.example-detail-actions a:first-child{border-color:var(--orange);color:#fff;background:var(--orange)}html[lang=ko] .public-page :is(h1,h2,h3,p,li),html[lang=ko] :is(.examples-page,.example-detail-page) :is(h1,h2,h3,p){word-break:keep-all}html[lang=ja] .public-page :is(h1,h2,h3,p,li),html[lang=ja] :is(.examples-page,.example-detail-page) :is(h1,h2,h3,p){line-break:strict}@media (max-width:1050px){.public-header>nav{display:none}.public-actions{margin-left:auto}.public-hero{grid-template-columns:1fr;padding-top:70px}.public-hero-copy{max-width:850px}.public-hero-demo{width:min(760px,100%);margin:0 auto}.public-feature-grid,.public-guide-grid,.public-example-grid,.examples-list{grid-template-columns:repeat(2,1fr)}.public-workflow,.public-faq{grid-template-columns:1fr;gap:20px}.example-detail-grid{grid-template-columns:1fr}}@media (max-width:680px){.public-header{gap:8px;min-height:66px;padding:0 14px}.public-brand img{width:38px;height:38px}.public-brand strong{font-size:17px}.public-brand small,.public-theme,.public-language>span{display:none}.public-language{padding:0 4px}.public-language select{max-width:72px;font-size:10px}.public-editor-button{min-height:36px;padding:0 10px;font-size:10px}.public-editor-button span{display:none}.public-hero,.public-section,.public-final-cta,.examples-main,.example-detail-main{width:min(100% - 28px,1360px)}.public-hero{grid-template-columns:minmax(0,1fr);gap:48px;min-height:0;padding:62px 0 68px}.public-hero h1{font-size:clamp(39px,12vw,56px)}.public-page[data-language=ja] .public-hero h1{font-size:clamp(34px,10.2vw,48px)}.public-page[data-language=en] .public-hero h1{font-size:clamp(36px,10.6vw,50px)}.public-hero-demo{padding:7px 7px 58px}.hero-image-frame{border-radius:18px}.hero-badge-layer{top:21px;left:21px;right:21px}.hero-palette-card{width:min(420px,100% - 48px);padding:13px 14px 14px;bottom:2px;left:20px}.hero-palette-meta{gap:10px}.hero-palette-swatches{height:18px;margin-top:10px}.public-section{padding:72px 0}.public-features,.public-guides{width:100%;padding-left:14px;padding-right:14px}.public-feature-grid,.public-guide-grid,.public-example-grid,.examples-list{grid-template-columns:1fr}.public-feature-grid article{min-height:205px}.public-examples>header{flex-direction:column;align-items:flex-start}.public-final-cta{grid-template-columns:auto 1fr;margin-bottom:70px}.public-final-cta>img{width:56px;height:56px}.public-final-cta>a{grid-column:1/-1}.public-footer{grid-template-columns:1fr;align-items:start}.public-footer nav{justify-content:flex-start}.public-footer>small{text-align:left;grid-column:1}.example-detail-copy{padding:21px}.example-before-after{grid-template-columns:1fr}.example-detail-visual img{height:auto;max-height:560px}}html[data-theme=dark] .public-page,html[data-theme=dark] .examples-page,html[data-theme=dark] .example-detail-page{background:#111310}html[data-theme=dark] .public-header{background:#111310e0}html[data-theme=dark] .public-theme,html[data-theme=dark] .public-language,html[data-theme=dark] .public-secondary{background:#1a1d19}html[data-theme=dark] .public-trust i{color:#c8efd0;background:#25432f}@media (prefers-reduced-motion:reduce){.hero-image-placeholder{animation:none}}html[data-theme=dark] .public-feature-grid{background:#3a3f38;border-color:#3a3f38}html[data-theme=dark] .public-feature-grid article,html[data-theme=dark] .public-features,html[data-theme=dark] .public-final-cta{color:var(--ink);background:#0d0f0d}html[data-theme=dark] .public-feature-grid article>span{color:color-mix(in srgb, var(--ink) 52%, transparent)}html[data-theme=dark] .public-feature-grid p{color:color-mix(in srgb, var(--ink) 72%, transparent)}