@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.css";@layer components;@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,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-semibold:600;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Pretendard Variable",-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::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;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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:color-mix(in oklab,var(--ring)50%,transparent)}body{background-color:var(--background);color:var(--foreground)}}@layer utilities{.\@container\/card-header{container:card-header/inline-size}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.left-1\/2{left:50%}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-full{width:100%;height:100%}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-7\.75{height:calc(var(--spacing)*7.75)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-4{width:calc(var(--spacing)*4)}.w-72{width:calc(var(--spacing)*72)}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.touch-none{touch-action:none}.resize{resize:both}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-1\.25{gap:calc(var(--spacing)*1.25)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-6{gap:calc(var(--spacing)*6)}.gap-10{gap:calc(var(--spacing)*10)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-4xl{border-radius:calc(var(--radius) + 16px)}.rounded-\[100px\]{border-radius:100px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-danger{border-color:var(--danger)}.border-disabled{border-color:var(--disabled)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-success{border-color:var(--success)}.border-t-transparent{border-top-color:#0000}.border-b-danger{border-bottom-color:var(--danger)}.border-b-disabled{border-bottom-color:var(--disabled)}.border-b-primary{border-bottom-color:var(--primary)}.border-b-secondary{border-bottom-color:var(--secondary)}.border-b-success{border-bottom-color:var(--success)}.border-l-transparent{border-left-color:#0000}.bg-400{background-color:var(--weight-400)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-danger{background-color:var(--danger)}.bg-disabled{background-color:var(--disabled)}.bg-muted{background-color:var(--muted)}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-success{background-color:var(--success)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-primary{fill:var(--primary)}.p-1\.25{padding:calc(var(--spacing)*1.25)}.p-4{padding:calc(var(--spacing)*4)}.p-px{padding:1px}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.25{padding-inline:calc(var(--spacing)*2.25)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-20{padding-inline:calc(var(--spacing)*20)}.py-1{padding-block:calc(var(--spacing)*1)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.pl-1\.25{padding-left:calc(var(--spacing)*1.25)}.font-mosaic{font-family:Pixelify Sans}.font-sans{font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--card-foreground)}.text-danger{color:var(--danger)}.text-disabled{color:var(--disabled)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary{color:var(--secondary)}.text-strong{color:var(--strong)}.text-success{color:var(--success)}.text-weak{color:var(--weak)}.underline-offset-4{text-underline-offset:4px}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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,)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.running{animation-play-state:running}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media(hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-danger\/90:hover{border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.hover\:border-danger\/90:hover{border-color:color-mix(in oklab,var(--danger)90%,transparent)}}.hover\:border-primary\/90:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/90:hover{border-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:border-secondary\/90:hover{border-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-secondary\/90:hover{border-color:color-mix(in oklab,var(--secondary)90%,transparent)}}.hover\:border-success\/90:hover{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.hover\:border-success\/90:hover{border-color:color-mix(in oklab,var(--success)90%,transparent)}}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-danger\/90:hover{background-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-danger\/90:hover{background-color:color-mix(in oklab,var(--danger)90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}.hover\:bg-success\/90:hover{background-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-success\/90:hover{background-color:color-mix(in oklab,var(--success)90%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing)*1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing)*1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing)*44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing)*1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media(min-width:48rem){.md\:h-11{height:calc(var(--spacing)*11)}.md\:h-20{height:calc(var(--spacing)*20)}.md\:w-11{width:calc(var(--spacing)*11)}.md\:w-20{width:calc(var(--spacing)*20)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-\[18px\]{font-size:18px}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}@media(hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--primary:#4294ff;--secondary:#72b4ff;--success:#75d06c;--danger:#ed6363;--disabled:#606060;--weak:#e9e9e9;--strong:#2b2b2b;--default:#d9d9d9;--clean:#fff;--weight-100:#f0f0f0;--weight-200:#ddd;--weight-300:#cacaca;--weight-400:#aeaeae;--weight-500:#979797;--weight-600:#767676;--weight-700:#606060;--radius-lg:20;--radius-md:12;--radius-sm:5;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}html{scroll-behavior:smooth}body{margin:0;min-width:280px}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #4294ff;outline-offset:3px}.brand{font-family:Pixelify Sans,sans-serif;color:#4294ff;font-size:32px;text-decoration:none;white-space:nowrap}.maker{min-height:65vh;width:100%}.maker-header,.simple-header{padding:24px max(20px,calc((100% - 1100px)/2));border-bottom:1px solid #e6eaf0}.simple-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.maker-steps{display:flex;justify-content:center;gap:clamp(16px,6vw,80px);margin:28px 0 8px;padding:0;list-style:none}.maker-steps li{display:flex;gap:10px;align-items:center;font-size:15px;color:#687385}.maker-steps li span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf0f4}.maker-steps .active{color:#1c64bd;font-weight:650}.maker-steps .active span{background:#4294ff;color:#fff}.workspace{max-width:1100px;margin:0 auto;padding:40px 24px 48px;min-width:0}.workspace h1,.article h1{font-size:clamp(24px,3.4vw,36px);font-weight:700;line-height:1.35;letter-spacing:-.04em;margin:0 0 14px}.workspace h2,.article h2{font-size:21px;font-weight:650;line-height:1.4;margin-bottom:12px}.workspace h3{font-weight:650;margin:12px 0}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;color:#2466bd;margin-bottom:12px}.intro{font-size:16px;line-height:1.8;color:#5e6b7b;margin-bottom:28px}.help{font-size:13px;line-height:1.7;color:#657285}.primary-button,.secondary-button,.text-button,.tool-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;font-size:14px;font-weight:600;border-radius:10px;text-decoration:none;line-height:1.4}.primary-button{background:#2879df;color:#fff;border:1px solid #2879df}.primary-button:hover{background:#2066bd}.secondary-button{background:#fff;color:#31455f;border:1px solid #d4dce7}.secondary-button:hover,.tool-button:hover{background:#f0f6ff}.tile-shape-button{gap:8px}.tile-shape-button[aria-pressed=true]{color:#185cae;background:#edf5ff;border-color:#2879df;box-shadow:inset 0 0 0 1px #2879df}.text-button{color:#2367bd;padding:10px 4px}.tool-button{border:1px solid #dce3ec;min-width:44px;padding:8px 10px;background:#fff}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.section-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:20px 0}.upload-zone{width:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;border:2px dashed #bfd6f5;border-radius:18px;background:#f8fbff;color:#47617f;padding:32px 20px}.upload-zone strong{font-size:20px;color:#243b56}.upload-zone:hover{border-color:#4294ff}.upload-symbol{display:grid;place-items:center;background:#e6f0ff;color:#2879df;border-radius:16px;width:58px;height:58px;font-size:32px}.privacy-note{margin:20px 0;padding:12px 16px;background:#f2f7ff;color:#315f93;border-radius:10px;font-size:14px;line-height:1.7}.error-note{padding:16px;border:1px solid #f3c7c7;background:#fff6f5;color:#a32e2e;border-radius:10px;margin:16px 0;line-height:1.7}.advice{padding:16px;background:#eaf3ff;border-radius:10px;line-height:1.8;margin:16px 0}.step-navigation{position:sticky;bottom:0;z-index:20;padding:14px max(20px,calc((100% - 1052px)/2));padding-bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e0e6ee;background:#fffffff7}.step-navigation>span{color:#657285;font-size:13px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;padding:12px;background:#f6f8fb;border:1px solid #e2e7ef;border-radius:14px;max-height:420px;overflow:auto}.tile{position:relative;aspect-ratio:1;min-width:0;border-radius:8px;overflow:hidden;border:3px solid transparent;background:#fff}.tile img{width:100%;height:100%;object-fit:cover}.tile.selected{border-color:#2879df}.tile>span{position:absolute;top:3px;right:3px;min-width:22px;border-radius:12px;color:#fff;background:#2466bd;font-size:12px}.tile>span:empty{display:none}.tile-detail{display:flex;align-items:center;gap:20px;padding:20px;margin-top:16px;border:1px solid #dde5f0;border-radius:12px;overflow-wrap:anywhere}.tile-detail img{width:120px;max-height:180px;object-fit:contain}.tile-detail .text-button{display:block}.soft-panel{border:1px solid #dae5f3;border-radius:16px;background:#f8fbff;padding:24px;margin:28px 0}.soft-panel>p{margin-bottom:12px;line-height:1.7}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.output-settings-card{grid-column:1 / -1}.setting-card{border:1px solid #dfe5ee;border-radius:16px;padding:24px;min-width:0}.setting-card legend{padding:0 8px;font-size:18px;font-weight:650}.choice{display:flex;align-items:flex-start;gap:12px;border:1px solid #e1e6ee;background:#fff;border-radius:10px;padding:16px;margin-bottom:12px;cursor:pointer}.choice.active{border-color:#4294ff;background:#f3f8ff}.choice input{margin-top:5px;accent-color:#2879df;width:17px;height:17px}.choice small,.field-label small{display:block;font-size:13px;color:#5e6b7b;line-height:1.7;font-weight:400;margin-top:5px}.field-label{display:block;font-weight:600;margin-top:20px;margin-bottom:12px;font-size:15px}.field-label output{float:right;color:#2367bd}.field-label select{display:block;width:100%;background:#fff;border:1px solid #cbd6e5;padding:12px;border-radius:8px;margin:12px 0}.setting-card input[type=range]{display:block;width:100%;height:28px;accent-color:#2879df}.setting-card .help{margin:8px 0 22px}.photo-viewer{min-width:0;overflow:hidden;border:1px solid #dfe5ee;background:#fff;border-radius:14px}.viewer-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e1e7ef;font-size:13px}.viewer-toolbar output{min-width:42px;text-align:center}.viewer-scroll{overflow:auto;max-height:70svh;min-height:120px;background:#eef1f5;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}.viewer-scroll img{display:block;height:auto;-webkit-user-select:none;user-select:none}.photo-viewer>.help{padding:12px 16px}.preview-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview-columns>div{min-width:0}.preview-columns .viewer-toolbar>span{display:none}.preview-tabs{display:none}.create-action{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:12px 0}.create-action .primary-button{padding:16px 30px;font-size:16px}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0 12px}.usage-section{margin-top:48px}.processing-panel{max-width:640px;margin:40px auto;border:1px solid #e0e7f1;padding:32px;border-radius:18px}progress{width:100%;height:12px;margin:20px 0;accent-color:#4294ff}.site-footer{border-top:1px solid #e5e9f0;background:#fafbfd;padding:36px 24px;text-align:center;color:#647185;font-size:14px}.site-footer .brand{font-size:28px}.site-footer p{margin:8px 0 20px}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin:16px 0}.site-footer nav a{padding:8px 0;color:#415774}.site-footer a:hover{text-decoration:underline}.article{width:min(100%,800px);margin:0 auto;padding:48px 24px 72px;color:#38465a;line-height:1.95;overflow-wrap:anywhere}.article h1{color:#243246}.article h2{margin-top:36px;color:#243246}.article h3{font-weight:650;color:#243246;margin-top:24px}.article p{margin-bottom:16px}.article a:not(.primary-button){color:#2466bd;text-decoration:underline}.article.guide-article{width:min(100%,1120px)}.guide-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.guide-jumps a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:24px;border:1px solid #d4e3f5;background:#f2f7ff;font-weight:600}.article .guide-jumps a{text-decoration:none}.guide-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;font-size:13px;color:#64748b}.guide-actions p{margin:0}.guide-actions>div{display:flex;gap:16px}.guide-actions button{min-height:44px}.guide-step{border:1px solid #d5e0ee;border-radius:16px;background:#fff;margin-bottom:16px;overflow:clip;scroll-margin-top:20px}.guide-step>summary{list-style:none;cursor:pointer;padding:24px;display:flex;align-items:center;gap:16px;background:#f8faff}.guide-step>summary::-webkit-details-marker{display:none}.guide-step>summary:hover{background:#eef5ff}.guide-step>summary:focus-visible{outline:3px solid #2563eb;outline-offset:-4px}.guide-number{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#e3eeff;color:#2466bd;font-weight:750;font-size:18px}.guide-step-title{display:grid;flex:1;gap:4px;line-height:1.6}.guide-step-title strong{color:#243246;font-size:20px}.guide-step-title>span{color:#62758e;font-size:14px}.guide-chevron{flex-shrink:0;color:#4e6b94;transition:transform .15s}.guide-step[open]>summary .guide-chevron{transform:rotate(180deg)}.guide-step[open]>summary{border-bottom:1px solid #d5e0ee}.guide-step-body{padding:28px}.guide-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.guide-example+.guide-example{border-top:1px solid #e2e8f0;padding-top:28px;margin-top:28px}.guide-example h2,.guide-example h3{margin-top:0;font-size:19px;line-height:1.6}.guide-example ol,.guide-example ul{padding-left:22px;margin:16px 0}.guide-example ol{list-style:decimal}.guide-example ul{list-style:disc}.guide-example li{margin-bottom:10px;padding-left:4px}.guide-example p{font-size:14px}.guide-note{padding:12px 14px;border-radius:8px;background:#f2f7ff;border-left:3px solid #77a6ea}.guide-screen{margin:0;min-width:0}.guide-screen>a{display:block;overflow:hidden;border:1px solid #dbe4ef;border-radius:10px;background:#edf2f8}.guide-screen img{width:100%;height:auto;max-height:460px;object-fit:contain;display:block}.guide-screen a>span{display:flex;gap:8px;justify-content:center;align-items:center;padding:8px;min-height:44px;font-size:13px;background:#f7faff}.guide-screen figcaption{margin-top:10px;font-size:13px;line-height:1.7;color:#62758e}.guide-help .guide-step-body>h2{margin-top:0;font-size:20px}.guide-start{margin-top:32px;padding:24px;border-radius:16px;background:#f2f7ff;text-align:center}@media(max-width:760px){.guide-step>summary{padding:18px 14px;gap:12px}.guide-step-title strong{font-size:18px}.guide-step-title>span{font-size:13px}.guide-step-body{padding:20px 16px}.guide-example{grid-template-columns:minmax(0,1fr);gap:16px}.guide-jumps a{padding:8px 12px;font-size:14px}.guide-screen img{max-height:380px}}@media(prefers-reduced-motion:reduce){.guide-chevron{transition:none}}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:12px;background:#fff;color:#2466bd}.skip-link:focus{top:12px}.home img{max-width:100%}.home-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.home section>div{max-width:100%}@media(max-width:640px){.maker-header,.simple-header{padding:16px}.brand{font-size:27px}.maker-steps{gap:18px;margin-top:24px}.maker-steps li{flex-direction:column;gap:6px;font-size:12px;flex:1}.maker-steps li span{width:28px;height:28px}.workspace{padding:28px 16px}.intro{font-size:14px;margin-bottom:24px}.upload-zone{min-height:260px}.upload-zone strong{font-size:18px}.settings-grid,.preview-columns{grid-template-columns:1fr}.setting-card,.soft-panel{padding:18px}.preview-tabs{display:flex;border-bottom:1px solid #cfdbeb;margin:16px 0}.preview-tabs button{flex:1;padding:12px;font-size:14px;min-height:44px}.preview-tabs [aria-selected=true]{color:#2466bd;border-bottom:2px solid #2879df;font-weight:700}.preview-columns .mobile-hidden,.preview-columns h3{display:none}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));padding:8px;gap:6px}.viewer-toolbar{padding:10px}.viewer-toolbar>span{display:none}.viewer-toolbar .button-row{width:100%;justify-content:space-between;gap:4px}.photo-viewer>.help{font-size:12px}.result-actions{flex-direction:column}.create-action{flex-direction:column;align-items:stretch}.create-action .privacy-note{margin:0}.step-navigation{padding:12px 16px max(12px,env(safe-area-inset-bottom))}.step-navigation .help{max-width:100px;font-size:11px;text-align:right}.processing-panel{margin:12px auto;padding:24px 18px}.article{padding:32px 20px 48px}.tile-detail img{width:90px}.home section:first-child{padding-top:64px;padding-bottom:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}.coverage-options{display:flex;flex-wrap:wrap;gap:12px 24px;margin:20px 0;padding:12px 16px;border:1px solid #dbe3ef;border-radius:12px}.coverage-options label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.region-canvas{position:relative;margin:16px auto;background:#e2e8f0}.region-canvas img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.region-canvas svg{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.region-coordinates{margin:16px 0;padding:12px;border:1px solid #dbe3ef;border-radius:12px}.region-coordinates summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.region-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:12px 0}.region-fields label{display:grid;gap:6px;font-size:14px}.region-fields input{width:100%;min-width:0;min-height:44px;border:1px solid #94a3b8;border-radius:8px;padding:8px}.region-list{list-style:none;padding:0;display:grid;gap:8px;margin:16px 0}.region-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#f1f5f9;border-radius:8px;font-size:14px}.region-list button{flex-shrink:0}.paint-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:16px 0}.paint-toolbar fieldset{display:flex;flex-wrap:wrap;gap:12px;border:1px solid #cbd5e1;padding:8px 12px;border-radius:8px}.paint-toolbar label{display:flex;flex-direction:column;gap:6px;min-width:0}.paint-toolbar fieldset label{flex-direction:row;align-items:center;min-height:44px}.paint-toolbar select{min-height:44px;border:1px solid #94a3b8;border-radius:8px;padding:8px}.paint-toolbar input[type=range]{min-height:44px;max-width:100%}.paint-scroll{max-height:70svh;overflow:auto;background:repeating-conic-gradient(#e2e8f0 0% 25%,#fff 0% 50%) 50% / 20px 20px;border:1px solid #cbd5e1;border-radius:8px}.paint-surface{position:relative;margin-inline:auto}.paint-surface canvas{width:100%;display:block}.paint-cursor{display:none;position:absolute;pointer-events:none;transform:translate(-50%,-50%);border:1px solid white;outline:1px solid #0f172a}.brush-editor{margin-block:20px}.brush-editor .result-actions{flex-wrap:wrap}.paint-shape-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #94a3b8;border-radius:8px;background:#fff;color:#334155;cursor:pointer}.paint-shape-button[aria-pressed=true]{border-color:#1d4ed8;background:#dbeafe;color:#1d4ed8}.paint-shape-button:focus-visible{outline:2px solid #1d4ed8;outline-offset:3px}.main-photo-editor fieldset{border:0;padding:0;min-width:0}.photo-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.photo-editor-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px}.main-photo-editor button[aria-pressed=true]{background:#dbeafe;border-color:#2563eb;color:#1e40af}.photo-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:24px;align-items:start}.photo-editor-stage{position:relative;margin:0 auto;touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-conic-gradient(#e2e8f0 0% 25%,#fff 0% 50%) 0 0 / 16px 16px;cursor:crosshair}.photo-editor-stage canvas,.photo-editor-stage svg{display:block;width:100%;height:100%}.photo-editor-stage svg{position:absolute;inset:0;pointer-events:none}.photo-editor-controls{min-width:0;display:grid;gap:18px}.photo-editor-controls section{border:1px solid #cbd5e1;border-radius:12px;padding:14px;background:#f8fafc}.photo-editor-controls h3{margin:0 0 12px;font-weight:600}.photo-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.photo-editor-fields label{display:grid;gap:4px;font-size:14px;min-width:0}.photo-editor-fields input{width:100%;min-width:0;min-height:44px}.photo-editor-fields input[type=number]{border:1px solid #94a3b8;border-radius:6px;padding:8px;background:#fff}.photo-layer-list{display:grid;gap:6px;margin-bottom:12px}.photo-layer-list button{overflow-wrap:anywhere;min-width:0;white-space:normal;text-align:left}@media(max-width:760px){.photo-editor-grid{grid-template-columns:minmax(0,1fr);gap:12px}.photo-editor-toolbar>button{flex:1 1 auto}}.photo-import-content{border:0;padding:0;margin:0;min-width:0}.remote-photo-panel{margin-top:24px}.remote-photo-panel label{display:grid;gap:8px;margin:16px 0}.remote-photo-panel textarea{width:100%;min-width:0;resize:vertical;border:1px solid #94a3b8;border-radius:8px;padding:12px;background:#fff}.remote-photo-status{white-space:pre-wrap;overflow-wrap:anywhere}.tile-export{margin-block:24px}.tile-export summary{cursor:pointer;font-weight:700;padding:12px 0}.export-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:16px}.export-options label{display:grid;gap:8px}.export-options input,.export-options select{width:100%;min-width:0;padding:10px;border:1px solid #94a3b8;border-radius:8px;background:#fff}.export-preview,.inspect-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-block:16px}.export-preview{max-height:400px;overflow:auto}.export-preview figure{margin:0}.export-preview img,.inspect-tiles img{width:100%;height:120px;object-fit:contain;background:#f1f5f9}.inspect-tiles button{text-align:left;padding:8px;background:#fff;border:1px solid #cbd5e1;border-radius:10px}.inspect-tiles button[aria-pressed=true]{outline:3px solid #2563eb}.inspect-tiles span{display:block;margin-top:8px;font-size:14px}.inspect-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.inspect-main{min-width:0}.inspect-viewport{max-height:65svh;overflow:auto;border:1px solid #cbd5e1;background:#e2e8f0;touch-action:pan-x pan-y}.inspect-stage{position:relative}.inspect-stage>img{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none}.inspect-stage>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.inspect-detail img{width:100%;max-height:240px;object-fit:contain}.view-file-label{display:grid;gap:8px;margin-block:16px}.view-file-label input{max-width:100%}@media(max-width:760px){.inspect-layout,.export-options{grid-template-columns:minmax(0,1fr)}.inspect-detail img{max-height:180px}}.language-bar{display:flex;justify-content:flex-end;padding:8px clamp(16px,4vw,48px)}.language-bar label{display:flex;align-items:center;gap:8px;font-size:13px}.language-bar select{min-height:44px;padding:8px 12px;border:1px solid #ccd3df;border-radius:8px;background:#fff;color:#18243b}.mosaic-question{border-bottom:1px solid #dbe1ea;padding:16px 0}.mosaic-question summary{cursor:pointer;font-weight:600;line-height:1.6}.mosaic-question p{margin-top:12px;line-height:1.8}.landing-hero{width:100%;padding:clamp(32px,6vw,80px) 24px;background:#fff;border-bottom:1px solid #dbe6f6}.landing-hero-content{max-width:900px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.landing-wordmark{font-size:clamp(44px,8vw,76px);line-height:1.2}.landing-hero h1{max-width:100%;font-size:clamp(18px,3.4vw,36px);line-height:1.4;font-weight:750;letter-spacing:-.025em;color:#172940;word-break:keep-all;overflow-wrap:break-word;text-wrap:wrap}.landing-lead{max-width:660px;font-size:clamp(16px,2vw,19px);line-height:1.8;color:#475569;text-wrap:pretty}.landing-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0;list-style:none}.landing-facts li{padding:6px 12px;border-radius:20px;background:#eaf2ff;color:#244d84;font-size:14px}.landing-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.landing-use-cases{margin:24px 0 48px}#landing-steps{scroll-margin-top:24px}.landing-start{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:clamp(20px,4vw,36px);margin-top:32px;border-radius:16px;background:#eef5ff;border:1px solid #dbe6f6}.landing-start>div{flex:1 1 320px;min-width:0}.landing-start p{line-height:1.8;color:#475569}@media(max-width:480px){.landing-actions{width:100%;flex-direction:column}.landing-actions>*{width:100%}.landing-start>button{width:100%}}.support-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;max-width:100%;min-height:56px;padding:14px 24px;border:1px solid #e4d698;border-radius:12px;background:#fff9df;color:#493c18;font-size:16px;line-height:1.5;font-weight:600;text-decoration:none;text-align:center}.support-link svg{flex-shrink:0}.support-link:hover{background:#fff1b8;border-color:#c7ae54}.support-link:focus-visible{outline:3px solid #2879df;outline-offset:4px}.result-support,.effect-settings{margin:24px 0}.effect-settings input[type=range]{width:100%}.effect-kind{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0;padding:12px;border:1px solid #dbe6f6;border-radius:10px}.effect-kind label{display:inline-flex;align-items:center;gap:8px;min-height:36px}.setting-card:disabled{opacity:.5}.region-select{text-align:left;flex:1}.region-select[aria-pressed=true]{color:#92400e;background:#fef3c7;border-radius:6px}.landing-reading{display:grid;gap:20px;margin:20px 0;padding-left:20px}.landing-reading a{color:#245cad;text-decoration:underline;text-underline-offset:4px}.landing-reading p{margin-top:8px}.shard-controls{margin-top:18px}.shard-point-picker{position:relative;display:block;width:fit-content;max-width:100%;padding:0;border:1px solid #d4dce7;border-radius:10px;overflow:hidden;cursor:crosshair}.shard-point-picker img{display:block;width:auto;height:auto;max-width:100%;max-height:240px}.shard-point-picker svg{position:absolute;inset:0;width:100%;height:100%}.landing-samples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:24px;max-width:1120px;margin:48px auto 8px}.landing-sample{display:flex;flex-direction:column;color:#31455f;border:1px solid #dfe5ee;border-radius:16px;padding:8px;background:#fff;box-shadow:0 8px 24px #17294012;transition:transform .22s ease,box-shadow .22s ease}.landing-sample img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px}.landing-sample img.sample-loaded{animation:sample-arrive .5s ease-out both}.landing-sample>span{flex:1;display:flex;align-items:center;gap:8px;justify-content:space-between;padding:12px 6px 6px;font-size:14px}.landing-sample:hover,.landing-sample:focus-visible{transform:scale(1.045);box-shadow:0 12px 32px #17294024}@keyframes sample-arrive{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.landing-samples{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}}@media(prefers-reduced-motion:reduce){.landing-sample{transition:none}.landing-sample img.sample-loaded{animation:none}.landing-sample:hover,.landing-sample:focus-visible{transform:none}}.result-adjustment-panel{margin-top:20px}.result-adjustment-panel summary{cursor:pointer;font-weight:600}.result-adjustment-sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;border:0;padding:16px 0;margin:0;min-width:0}.result-adjustment-sliders label{display:grid;gap:10px;min-width:0}.result-adjustment-sliders label>span{display:flex;justify-content:space-between;gap:12px}.result-adjustment-sliders output{color:#1865c1;font-variant-numeric:tabular-nums}.result-adjustment-sliders input{width:100%;margin:0;min-height:28px}@media(max-width:600px){.result-adjustment-sliders{grid-template-columns:1fr;gap:16px}}