@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f639721981034f88-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9766a7e9e2e0ad5a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b66cf8e69499582a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/aa016aab0e6d1295-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/22a5144ee8d83bca-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_246ccd{font-family:Geist,Geist Fallback;font-style:normal}.__variable_246ccd{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/013b72fa676f92e0-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b9408752a0c24fb9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/65f03d54ccadf4a8-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e038a29029a234f2-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2b5b02fc7e511755-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7d4881bb7e1bf84d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_c29908{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_c29908{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}

/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--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;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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}body{line-height:inherit}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,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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;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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}.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}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#17181c;--muted:#656870;--paper:#f2f3f5;--surface:#fcfcfd;--surface-soft:#f6f7f8;--line:#dcdfe4;--line-strong:#c8ccd3;--accent:#5f56e8;--accent-deep:#453bc9;--accent-soft:#ecebff;--lime:#c6f36b;--danger:#c83f4f;--success:#147a55;--radius-control:10px;--radius-panel:16px;--radius-shell:20px;--radius-sm:var(--radius-control);--radius-md:var(--radius-panel);--radius-lg:var(--radius-shell);--shadow-soft:0 18px 55px #25273112;--shadow-panel:0 8px 28px #2527310e;--font-sans:var(--font-geist-sans),ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:var(--font-geist-mono),"SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 96% 0,#5f56e813,transparent 34rem),linear-gradient(180deg,#f8f8fa 0,var(--paper)42rem),var(--paper);min-width:320px;color:var(--ink);font-family:var(--font-sans),"Hiragino Sans","Yu Gothic","Noto Sans JP","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit}a,button,label{-webkit-tap-highlight-color:transparent}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #5145e8;box-shadow:0 0 0 6px #ffffffeb}.app-frame{width:min(1440px,100% - 40px);min-height:100dvh;margin:0 auto}.site-header{z-index:50;border-radius:var(--radius-panel);min-height:64px;box-shadow:var(--shadow-panel),inset 0 1px 0 #ffffffb8;-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);background:#fcfcfde6;border:1px solid #d2d5dce0;align-items:center;gap:28px;margin:16px 0 32px;padding:8px 16px;display:flex;position:sticky;top:16px}.brand-lockup{width:fit-content;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;padding:0;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--radius-control);background:var(--ink);place-items:center;width:38px;height:38px;margin-right:11px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.brand-mark span,.brand-mark:after,.brand-mark:before{content:"";border-radius:999px;position:absolute}.brand-mark:before{background:var(--accent);width:22px;height:22px;transform:translate(-6px,6px)}.brand-mark:after{background:var(--lime);width:19px;height:19px;transform:translate(7px,-6px)}.brand-mark span{z-index:2;background:#fff;width:10px;height:10px}.brand-lockup small,.brand-lockup strong{display:block}.brand-lockup strong{letter-spacing:-.01em;font-size:15px;font-weight:720}.brand-lockup small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;margin-top:2px;font-size:7px;font-weight:650}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.header-cta{background:var(--ink);color:#fff;white-space:nowrap;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;text-decoration:none}.site-nav{align-items:center;gap:2px;display:flex}.site-nav a{color:#5c5f68;letter-spacing:-.01em;white-space:nowrap;justify-items:center;padding:8px 13px;font-size:13px;font-weight:650;line-height:1.2;text-decoration:none;display:inline-grid}.site-nav a:after{content:attr(data-text);pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden;height:0;font-weight:720;overflow:hidden}.site-nav a:hover{color:var(--ink)}.site-nav a.is-active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}.header-spec-menu{position:relative}.header-spec-menu summary{border-radius:var(--radius-control);color:#5f626b;cursor:pointer;text-align:center;border:1px solid #0000;min-width:62px;padding:8px 11px;font-size:10px;font-weight:680;list-style:none;transition:background .18s,border-color .18s,color .18s}.header-spec-menu summary::-webkit-details-marker{display:none}.header-spec-menu summary:after{color:#8a8d96;content:"⌄";margin-left:6px}.header-spec-menu summary:hover,.header-spec-menu[open] summary{border-color:var(--line);background:var(--surface);color:var(--ink)}.header-spec-menu>div{z-index:60;border:1px solid var(--line);background:#fcfcfdfa;border-radius:12px;min-width:190px;padding:7px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 45px #25273124}.header-spec-menu a{color:#555861;border-radius:8px;padding:10px 11px;font-size:10px;font-weight:650;text-decoration:none}.header-spec-menu a:hover{background:var(--accent-soft);color:var(--accent-deep)}.language-toggle{color:#70726c;background:#f5f5f1;border:1px solid #e5e6df;border-radius:9px;padding:3px;font-size:11px;font-weight:700;display:inline-flex}.language-toggle a{color:inherit;border-radius:6px;padding:4px 6px;text-decoration:none}.language-toggle a.is-active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #23241e1a}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.language-menu{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-soft);color:#5d6068;align-items:center;min-height:36px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.language-menu-icon{background:var(--surface);width:24px;height:24px;color:var(--accent-deep);border-radius:7px;place-items:center;margin-left:5px;font-size:10px;display:grid;box-shadow:0 1px 4px #23241e14}.language-menu select{appearance:none;min-width:98px;height:34px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;outline:0;padding:0 27px 0 8px}.language-menu-chevron{pointer-events:none;color:#85877f;font-size:13px;position:absolute;top:7px;right:9px}.language-menu.is-compact{min-height:32px;font-size:10px}.language-menu.is-compact select{min-width:82px;height:30px;padding-left:6px}.language-menu.is-compact .language-menu-icon{width:21px;height:21px}.seo-content{border-top:1px solid var(--line-strong);background:0 0;max-width:1180px;margin:88px auto 38px;padding:62px 0 28px}.seo-content>h2{max-width:820px;margin:12px 0 16px;font-size:clamp(28px,4vw,48px);line-height:1.08}.seo-content>p{max-width:900px;color:var(--muted);line-height:1.8}.seo-content>h2:not(:first-of-type){margin-top:46px;font-size:28px}.faq-grid,.seo-grid{gap:14px;margin-top:30px;display:grid}.seo-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.seo-grid>*{grid-column:span 6}.seo-grid>:first-child{grid-column:span 7}.seo-grid>:nth-child(2){grid-column:span 5}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.seo-grid article{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);height:100%;padding:24px}.seo-grid>:first-child article,.seo-grid>article:first-child{color:#f4f5f7;background:#1a1b20;border-color:#202127}.seo-grid>:first-child article p,.seo-grid>article:first-child p{color:#b8bbc3}.seo-grid>:nth-child(2) article,.seo-grid>article:nth-child(2){background:var(--accent-soft);border-color:#d9d6ff}.faq-grid details{border-top:1px solid var(--line);padding:20px 0}.seo-feature-link{color:inherit;text-decoration:none}.seo-feature-link article{height:100%;transition:transform .18s,border-color .18s,box-shadow .18s}.seo-feature-link:hover article{border-color:#cbc9ff;transform:translateY(-2px);box-shadow:0 12px 28px #302d7114}.seo-feature-link article>span{color:var(--accent-deep);margin-top:14px;font-size:10px;font-weight:750;display:block}.seo-grid h3{margin:0 0 10px;font-size:17px}.faq-grid p,.seo-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.faq-grid summary{cursor:pointer;font-weight:700}.faq-grid p{margin-top:12px}.seo-steps{counter-reset:seo-step;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:26px 0 0;padding:0;list-style:none;display:grid}.seo-steps li{border-top:1px solid var(--line);counter-increment:seo-step;min-height:128px;padding:48px 0 24px;position:relative}.seo-steps li:last-child:nth-child(odd){grid-column:1/-1}.seo-steps li:before{content:"0" counter(seo-step);color:var(--accent-deep);font-family:var(--font-mono);letter-spacing:.08em;font-size:9px;font-weight:650;position:absolute;top:17px;left:0}.seo-steps span,.seo-steps strong{display:block}.seo-editorial-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-top:52px;display:flex}.seo-editorial-heading h2{letter-spacing:-.025em;margin:8px 0 0;font-size:28px}.seo-editorial-heading>a{color:var(--accent-deep);font-size:11px;font-weight:750;text-decoration:none}.seo-article-grid{grid-template-columns:1.35fr 1fr 1fr;gap:22px;margin-top:20px;display:grid}.seo-article-grid>a{color:inherit;text-decoration:none}.seo-article-grid article{border-top:1px solid var(--line-strong);height:100%;padding:22px 4px;transition:border-color .18s,color .18s}.seo-article-grid>a:hover article{border-color:var(--accent)}.blog-card-meta,.seo-article-grid small{color:var(--accent-deep);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800}.seo-article-grid h3{margin:12px 0 9px;font-size:17px;line-height:1.25}.seo-article-grid p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.seo-article-grid article>span{color:var(--accent-deep);margin-top:16px;font-size:10px;font-weight:750;display:block}.seo-duo-note{margin:18px 0 0;font-size:13px}.seo-duo-note a{color:var(--accent-deep);font-weight:700;text-decoration:none}.seo-featured-guide{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px 40px;margin-top:48px;padding-top:28px;display:grid}.seo-featured-guide h2{letter-spacing:-.03em;max-width:34ch;margin:8px 0 10px;font-size:26px;line-height:1.2}.seo-featured-guide p{max-width:62ch;color:var(--muted);margin:0;font-size:14px}.seo-featured-guide p+a{margin-top:12px;display:inline-block}.seo-featured-guide p+a,.seo-read-all{color:var(--accent-deep);font-size:12px;font-weight:750;text-decoration:none}.seo-read-all{white-space:nowrap}.home-faq{grid-template-columns:1fr;max-width:720px}.faq-more{margin:14px 0 0;font-size:12px}.faq-more a{color:var(--accent-deep);font-weight:700;text-decoration:none}.blog-index-faq{margin-top:56px}.seo-steps strong{font-size:14px}.seo-steps span{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.65}.seo-guide-links{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.seo-guide-links a{color:var(--accent-deep);background:#fff;border:1px solid #dedfd8;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:700;text-decoration:none}.seo-guide-frame{width:min(1120px,100%);margin:0 auto}.seo-guide-header{z-index:30;border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcfcfde8;border:1px solid #d2d5dce6;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:14px 0 38px;padding:10px 12px;display:grid;position:sticky;top:14px}.seo-guide-header .site-nav{justify-self:center}.seo-guide-header .brand-lockup{color:inherit;text-decoration:none}.guide-header-actions{align-items:center;gap:12px;display:flex}.guide-header-link{color:var(--muted);padding:8px 4px;font-size:10px;font-weight:750;text-decoration:none}.guide-header-link.is-active,.guide-header-link:hover{color:var(--accent-deep)}.guide-header-cta,.guide-primary-cta{background:var(--ink);color:#fff;border-radius:11px;font-weight:750;text-decoration:none}.guide-header-cta{padding:10px 14px;font-size:10px}.seo-guide-main{width:min(100%,1060px);margin:0 auto}.seo-guide-main article{grid-template-columns:180px minmax(0,1fr);column-gap:52px;display:grid}.seo-guide-main article>.content-byline,.seo-guide-main article>.eyebrow,.seo-guide-main article>.guide-lead,.seo-guide-main article>.guide-primary-actions,.seo-guide-main article>.topic-final-cta,.seo-guide-main article>figure,.seo-guide-main article>h1{grid-column:1/-1}.guide-breadcrumb{color:#92948c;flex-wrap:wrap;gap:7px;margin-bottom:28px;font-size:10px;display:flex}.guide-breadcrumb a{color:var(--accent-deep);text-decoration:none}.guide-breadcrumb>span{gap:7px;display:inline-flex}.guide-breadcrumb i{color:#b0b2aa;font-style:normal}.seo-guide-main h1{text-wrap:balance;letter-spacing:-.045em;max-width:820px;margin:16px 0 22px;font-size:clamp(42px,6vw,66px);line-height:1.01}.guide-lead{max-width:760px;color:var(--muted);margin:0;font-size:17px;line-height:1.8}.content-byline{color:#8a8d84;flex-wrap:wrap;gap:8px 20px;margin-top:19px;font-size:10px;font-weight:650;display:flex}.content-byline a{color:var(--accent-deep);text-decoration:none}.guide-primary-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:30px 0 44px;display:flex}.guide-primary-actions:after{border:1px solid var(--line);border-radius:var(--radius-shell);width:100%;min-height:330px;box-shadow:var(--shadow-panel);content:"";background:url(/og-en.jpg) 50%/cover no-repeat;flex:0 0 100%;margin-top:22px}html[lang=zh-CN] .guide-primary-actions:after{background-image:url(/og.jpg)}.guide-primary-cta{padding:14px 19px;font-size:12px}.guide-official-link{color:var(--accent-deep);padding:13px 4px;font-size:11px;font-weight:700;text-decoration:none}.guide-toc{border-top:1px solid var(--line-strong);grid-column:1;align-self:start;margin:0;padding:4px 0 22px;position:sticky;top:104px}.guide-toc strong{font-family:var(--font-mono);letter-spacing:.04em;margin-bottom:12px;font-size:9px;display:block}.guide-toc ol{grid-template-columns:1fr;gap:9px;margin:0;padding-left:20px;display:grid}.guide-toc a{color:#656870;font-size:10px;line-height:1.55;text-decoration:none}.best-practices-link:hover,.guide-toc a:hover{text-decoration:underline}.guide-section{border-top:1px solid var(--line-strong);grid-column:2;margin:0;padding:38px 0}.guide-related h2,.guide-section h2{letter-spacing:-.025em;margin:0 0 18px;font-size:27px}.guide-section li,.guide-section p{color:var(--muted);font-size:14px;line-height:1.8}.guide-section ul{gap:8px;margin:22px 0 0;padding-left:20px;display:grid}.guide-table-wrap{background:#fff;border:1px solid #e2e3dc;border-radius:14px;margin-top:26px;overflow-x:auto}.guide-table-wrap table{border-collapse:collapse;text-align:left;width:100%;min-width:560px;font-size:12px}.guide-table-wrap caption{color:var(--ink);text-align:left;border-bottom:1px solid #e7e8e1;padding:14px 16px;font-size:11px;font-weight:750}.guide-table-wrap td,.guide-table-wrap th{color:var(--muted);vertical-align:top;border-bottom:1px solid #ecece7;padding:12px 16px;line-height:1.5}.guide-table-wrap tbody th,.guide-table-wrap thead th{color:var(--ink);font-weight:700}.guide-table-wrap tbody tr:last-child>*{border-bottom:0}.guide-faq details{border-top:1px solid #e7e8e1;padding:16px 0}.guide-faq details:first-of-type{border-top:0}.guide-faq summary{cursor:pointer;font-size:14px;font-weight:750}.guide-faq details p{margin-bottom:0}.guide-related{grid-column:2;margin:64px 0 40px}.guide-related>div{grid-template-columns:1.2fr .8fr;gap:12px;display:grid}.guide-related a{border-radius:var(--radius-panel);background:var(--surface);color:var(--ink);border:1px solid #e0e1da;padding:18px;font-size:12px;font-weight:700;line-height:1.45;text-decoration:none}.guide-related a span,.guide-related a strong{display:block}.guide-related a span{color:var(--muted);margin-top:7px;font-size:11px;font-weight:500;line-height:1.55}.topic-callout{background:#5b5ff00f;border:1px solid #5b5ff033;border-radius:14px;margin-top:24px;padding:18px 20px}.topic-callout strong{color:var(--accent-deep);letter-spacing:.08em;text-transform:uppercase;font-size:10px;display:block}.topic-callout p{color:var(--ink);margin:7px 0 0}.topic-template-gallery{margin:0 0 40px}.topic-gallery-heading{max-width:720px;margin-bottom:24px}.topic-gallery-heading h2{letter-spacing:-.03em;margin:12px 0 10px;font-size:30px}.topic-gallery-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.topic-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.topic-template-card{background:#fff;border:1px solid #e0e1da;border-radius:22px;overflow:hidden;box-shadow:0 14px 40px #1f201b0f}.topic-template-preview{aspect-ratio:3/5;width:100%;height:auto;display:block}.topic-template-copy{padding:18px}.topic-template-copy>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.topic-template-copy h3{margin:0;font-size:17px}.topic-template-copy span{color:#71736d;letter-spacing:.06em;text-transform:uppercase;background:#f0f0eb;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:800}.topic-template-copy p{min-height:57px;color:var(--muted);margin:12px 0 14px;font-size:11px;line-height:1.65}.topic-template-copy a{color:var(--accent-deep);font-size:10px;font-weight:750;text-decoration:none}.topic-final-cta{color:#fff;background:linear-gradient(140deg,#181914,#34382d);border-radius:26px;margin:60px 0 30px;padding:42px}.topic-final-cta .eyebrow{color:#c9ff6b}.topic-final-cta h2{letter-spacing:-.04em;max-width:650px;margin:14px 0 12px;font-size:clamp(28px,5vw,46px);line-height:1.04}.topic-final-cta p{color:#ffffffb8;max-width:650px;margin:0 0 24px;font-size:13px;line-height:1.7}.topic-final-cta .guide-primary-cta{color:#181914;background:#fff;display:inline-block}.blog-main{width:min(100%,900px)}.blog-main .guide-lead{max-width:820px}.blog-visual{background:linear-gradient(145deg,#eeecff,#fff 52%,#f0ffd6);border:1px solid #4944aa29;border-radius:25px;margin:38px 0 28px;padding:30px;overflow:hidden;box-shadow:0 20px 55px #2b276f14}.blog-visual figcaption{color:#686a64;letter-spacing:.04em;text-align:center;margin-top:20px;font-size:10px;font-weight:700}.blog-visual-story>div,.blog-visual-workflow>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.blog-visual-workflow>div{grid-template-columns:repeat(6,minmax(0,1fr))}.blog-visual-story span,.blog-visual-workflow span{background:#fff;border-radius:18px;min-height:132px;padding:16px;position:relative;box-shadow:0 12px 28px #1f1d4914}.blog-visual-story span:nth-child(2n),.blog-visual-workflow span:nth-child(2n){color:#fff;background:#191a16;transform:translateY(12px)}.blog-visual-story i,.blog-visual-workflow i{color:var(--accent-deep);margin-bottom:54px;font-size:9px;font-style:normal;font-weight:800;display:block}.blog-visual-story span:nth-child(2n) i,.blog-visual-workflow span:nth-child(2n) i{color:var(--lime)}.blog-visual-story strong,.blog-visual-workflow strong{font-size:11px}.blog-visual-sizes{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid}.blog-visual-sizes figcaption{grid-column:1/-1}.size-platform{background:#fff;border-radius:22px;gap:8px;min-height:190px;padding:25px;display:grid}.size-platform.play{color:#fff;background:#1a1b17}.copy-after small,.copy-before small,.size-platform small{color:var(--accent-deep);letter-spacing:.12em;font-size:8px;font-weight:850}.size-platform.play small{color:var(--lime)}.size-platform strong{margin-bottom:18px;font-size:19px}.size-platform span{color:var(--muted);font-size:12px;font-weight:700}.size-platform.play span{color:#ffffffad}.size-versus{color:var(--accent-deep);font-size:11px;font-weight:900}.blog-visual-copy{grid-template-columns:1fr auto 1.35fr;align-items:center;gap:20px;display:grid}.blog-visual-copy figcaption{grid-column:1/-1}.copy-after,.copy-before{background:#fff;border-radius:22px;min-height:150px;padding:28px}.copy-after strong,.copy-before s{margin-top:34px;font-size:20px;line-height:1.2;display:block}.copy-before s{color:#9a9c94}.copy-after{color:#fff;background:#1b1c18}.copy-after small{color:var(--lime)}.copy-arrow{color:var(--accent-deep);font-size:28px}.blog-visual-localization>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.blog-visual-localization span{background:#fff;border-radius:22px;min-height:165px;padding:23px}.blog-visual-localization span:nth-child(2){color:#fff;background:#1b1c18}.blog-visual-localization small,.blog-visual-localization strong{display:block}.blog-visual-localization small{color:var(--accent-deep);font-size:9px;font-weight:850}.blog-visual-localization span:nth-child(2) small{color:var(--lime)}.blog-visual-localization strong{margin-top:58px;font-size:17px;line-height:1.3}.blog-index-main{width:min(100%,980px)}.blog-index-hero{padding:28px 0 18px}.blog-index-hero h1{max-width:820px}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:38px;display:grid}.blog-card-grid article{background:#ffffffd1;border:1px solid #e0e1da;border-radius:24px;flex-direction:column;min-height:300px;padding:30px;display:flex;box-shadow:0 18px 48px #1f201b0d}.blog-card-grid article.is-featured{color:#fff;background:linear-gradient(135deg,#191a16,#32352c);grid-column:1/-1;min-height:330px}.blog-card-meta{justify-content:space-between;gap:16px;display:flex}.blog-card-grid article.is-featured .blog-card-meta{color:var(--lime)}.blog-card-grid h2{letter-spacing:-.035em;max-width:720px;margin:42px 0 14px;font-size:clamp(25px,4vw,39px);line-height:1.08}.blog-card-grid h2 a{color:inherit;text-decoration:none}.blog-card-grid p{max-width:700px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.blog-card-grid article.is-featured p{color:#ffffffad}.blog-card-link{color:var(--accent-deep);margin-top:auto;padding-top:28px;font-size:11px;font-weight:750;text-decoration:none}.blog-card-grid article.is-featured .blog-card-link{color:var(--lime)}.blog-index-cta{margin-top:54px}.blog-topics{border-bottom:1px solid #dfe0d8;flex-wrap:wrap;gap:24px;margin-top:20px;display:flex}.blog-topics a{color:var(--muted);padding:12px 0;font-size:13px;font-weight:700;text-decoration:none}.blog-topics a[aria-current=page]{color:var(--accent-deep);border-bottom:2px solid}.duo-hub-status{color:var(--muted);margin:20px 0;font-size:12px;line-height:1.7}.duo-hub-status a{color:var(--accent-deep);text-underline-offset:3px}.duo-hub-main .blog-card-grid{margin-top:24px}.duo-hub-main .blog-card-grid article{min-height:0}.duo-hub-main .blog-card-grid h2{text-wrap:balance;margin-top:24px;font-size:clamp(24px,3vw,30px);line-height:1.2}.topic-final-cta .duo-hub-secondary{margin:20px 0 0}.duo-hub-secondary a{color:inherit;text-underline-offset:4px}.blog-section p.blog-section-cta{margin:20px 0 0}.blog-section-cta .guide-primary-cta{display:inline-block}.seo-guide-footer{color:#868980;border-top:1px solid #dddeda;gap:18px;margin-top:70px;padding:28px 8px 38px;font-size:10px;display:flex}.seo-guide-footer a{color:inherit;text-decoration:none}.seo-guide-footer span{margin-left:auto}.analytics-consent{z-index:80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff5;border:1px solid #d6d7cff2;border-radius:18px;align-items:center;gap:22px;width:min(620px,100% - 40px);padding:18px 20px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 18px 55px #22231d2e}.analytics-consent strong{font-size:13px}.analytics-consent p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.5}.consent-actions{flex:none;gap:8px;display:flex}.analytics-settings,.consent-actions button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #dedfd7;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:700}.consent-actions button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.analytics-settings{z-index:55;opacity:.72;position:fixed;bottom:18px;right:18px}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--accent)}.legal-page{width:min(760px,100% - 32px);min-height:100vh;margin:0 auto;padding:70px 0}.legal-page>a{color:var(--accent);font-weight:700;text-decoration:none}.legal-page h1{margin:40px 0 22px;font-size:clamp(40px,7vw,72px)}.legal-page h2{margin:36px 0 10px;font-size:24px}.legal-page p{color:var(--muted);line-height:1.8}.studio-intro{grid-template-columns:minmax(0,1fr) auto;align-items:flex-end;gap:40px;padding:16px 14px 32px;display:grid}.studio-intro>div:first-child{max-width:900px}.eyebrow{color:var(--accent-deep);font-family:var(--font-mono);letter-spacing:.08em;align-items:center;margin-bottom:10px;font-size:9px;font-weight:650;display:inline-flex}.eyebrow:before{display:none}.studio-intro h1,.studio-intro h2{letter-spacing:-.045em;text-wrap:balance;max-width:860px;margin:0;font-size:clamp(34px,4vw,58px);font-weight:650;line-height:1.02}.studio-intro p{color:#62656d;max-width:760px;margin:17px 0 0;font-size:15px;line-height:1.65}.privacy-chip{border:1px solid var(--line);color:#555861;background:#fcfcfdc7;border-radius:999px;flex:none;align-items:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:650;display:inline-flex;box-shadow:0 8px 25px #2527310a}.live-dot,.privacy-dot{background:#34b27b;border-radius:999px;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #34b27b1f}.studio-shell{grid-template-columns:400px minmax(0,1fr);align-items:start;gap:20px;display:grid}.studio-controls{border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-panel);background:#fcfcfdeb;margin:0;padding:0;overflow:hidden}.studio-controls:disabled,.studio-controls[disabled]{opacity:.82}.control-section{border-bottom:1px solid #e4e6ea;padding:24px}.control-section:last-child{border-bottom:0}.section-heading{align-items:center;gap:11px;margin-bottom:17px;display:flex}.section-heading h3,.section-heading p{margin:0}.section-heading h3{letter-spacing:-.01em;font-size:14px;font-weight:700}.section-heading p{color:#747780;margin-top:3px;font-size:10px}.step-number{background:var(--ink);color:#fff;width:27px;height:27px;border-radius:8px;flex:none;place-items:center;display:grid}.section-count,.step-number{font-size:10px;font-family:var(--font-mono);font-weight:650}.section-count{background:var(--accent-soft);color:var(--accent-deep);border-radius:999px;margin-left:auto;padding:4px 8px}.upload-dropzone{background:var(--surface-soft);cursor:pointer;border:1.5px dashed #c4c8d0;border-radius:12px;align-items:center;min-height:84px;padding:15px;transition:border-color .15s,background .15s,transform .15s;display:flex}.upload-dropzone.is-dragging,.upload-dropzone:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.upload-symbol{border-radius:var(--radius-control);background:var(--ink);width:45px;height:45px;color:var(--lime);flex:none;place-items:center;margin-right:12px;font-size:25px;font-weight:300;display:grid}.upload-dropzone span,.upload-dropzone strong{display:block}.upload-dropzone strong{font-size:12px;font-weight:700}.upload-dropzone div>span{color:#747780;margin-top:4px;font-size:9px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.template-tile{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);cursor:pointer;text-align:left;min-width:0;padding:5px;transition:all .15s}.template-tile:hover{border-color:#b9bab2;transform:translateY(-2px);box-shadow:0 8px 20px #1f201a12}.template-tile.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px #6257ff24}.template-swatch{border-radius:8px;height:68px;display:block;position:relative;overflow:hidden}.mini-copy,.mini-device{content:"";border-radius:3px;display:block;position:absolute}.mini-copy{background:#ffffffd9;width:34px;height:5px;top:12px;left:10px;box-shadow:0 8px 0 -1px #ffffff75}.mini-device{background:#ffffffb3;border:3px solid #0c0d0dcc;border-radius:8px;width:33px;height:54px;bottom:-7px;right:10px;transform:rotate(4deg)}.template-editorial .mini-copy,.template-gallery .mini-copy,.template-spectrum .mini-copy{background:#121311d9;box-shadow:0 8px 0 -1px #12131157}.template-editorial .mini-device,.template-gallery .mini-device,.template-spectrum .mini-device{border-width:0;border-radius:5px 5px 0 0;transform:none}.template-panorama:before{content:"";border:1px solid #ffffff40;border-radius:50%;width:70px;height:70px;position:absolute;top:30px;left:-20px}.template-monolith:before{content:"";background:linear-gradient(90deg,#0000,#ffffff52,#0000);width:22px;position:absolute;inset:0 12px 0 auto}.template-monolith .mini-device{background:#14161beb;border-color:#ebeef4b8;transform:none}.template-gallery:before{content:"";background:#4d6fa038;width:42%;height:100%;position:absolute;bottom:0;right:0}.template-gallery .mini-device{background:#ffffffeb;width:40px;right:7px}.template-cobalt:before{content:"";border:1px solid #d2e0ff59;border-radius:50%;width:76px;height:76px;position:absolute;bottom:-28px;left:-18px;box-shadow:0 0 0 11px #d2e0ff14,0 0 0 23px #d2e0ff0d}.template-forest:before{content:"";border:1px solid #e0eddc4d;border-radius:50%;width:70px;height:44px;position:absolute;bottom:-12px;left:-16px;box-shadow:0 0 0 8px #e0eddc14,0 0 0 17px #e0eddc0d}.template-meta{justify-content:space-between;align-items:center;gap:4px;padding:7px 2px 2px;display:flex}.template-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;overflow:hidden}.template-meta small{color:#666a73;background:#eef0f3;border-radius:5px;padding:2px 4px;font-size:7px;font-style:normal}.template-description{color:#6e7179;margin:10px 2px 0;font-size:9px;line-height:1.5}.template-custom .mini-copy{mix-blend-mode:difference;background:#fffffff2;box-shadow:0 8px 0 -1px #ffffff94}.custom-template-controls{background:#f8f8f4;border:1px solid #dedfd8;border-radius:12px;margin-top:10px;padding:10px}.custom-color-row{grid-template-columns:1fr 1fr auto;align-items:center;gap:7px;display:grid}.custom-color-row label{cursor:pointer;background:#fff;border:1px solid #e1e2da;border-radius:9px;align-items:center;gap:7px;min-width:0;padding:6px;display:flex}.custom-color-row input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:7px;flex:0 0 26px;width:26px;height:26px;padding:2px;overflow:hidden}.custom-color-row label>span{color:#55574f;min-width:0;font-size:8px;font-weight:700}.custom-color-row small{color:#9a9c94;margin-top:2px;font-size:6px;font-weight:600;display:block}.custom-color-reset{color:#6f716a;cursor:pointer;background:#fff;border:1px solid #dedfd8;border-radius:8px;padding:8px;font-size:8px;font-weight:700}.custom-color-presets{gap:7px;margin-top:8px;display:flex}.custom-color-presets button{cursor:pointer;border:2px solid #fff;border-radius:7px;width:28px;height:20px;padding:0;box-shadow:0 0 0 1px #d9dad2}.custom-color-presets button[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}.field-label{margin-top:12px;display:block}.slide-selector{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px;display:grid}.slide-selector button{color:#73756e;cursor:pointer;background:#fff;border:1px solid #d8dad1;border-radius:10px;min-height:38px;font-size:11px;font-weight:720;position:relative}.slide-selector button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep);box-shadow:0 0 0 2px #6257ff1a}.slide-selector button span{background:#d4d5ce;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.slide-selector button span.is-ready{background:#34b27b}.field-label>span{color:#4f525a;justify-content:space-between;margin:0 2px 6px;font-size:10px;font-weight:650;display:flex}.field-label small{color:#a1a39b;font-weight:500}.field-label textarea{resize:vertical;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-soft);width:100%;min-height:64px;color:var(--ink);outline:0;padding:10px 12px;font-size:12px;line-height:1.55;transition:all .15s;display:block}.field-label textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #6257ff17}.slide-actions{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.preset-shortcuts button,.secondary-button,.slide-actions button,.text-button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:#555861;cursor:pointer;padding:7px 10px;font-size:9px;font-weight:650}.preset-shortcuts button:hover,.secondary-button:hover,.slide-actions button:hover{color:var(--ink);border-color:#bfc1b7}.slide-actions button:disabled{cursor:not-allowed;opacity:.38}.slide-actions button.danger{color:var(--danger)}.segmented-control{background:#eceef1;border-radius:12px;grid-template-columns:1fr 1fr;gap:3px;margin-top:8px;padding:3px;display:grid}.device-family-control{grid-template-columns:repeat(3,minmax(0,1fr))}.device-family-control button{white-space:normal;padding-inline:4px;font-size:9px;line-height:1.25}.segmented-control button{color:#666a73;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:650}.segmented-control button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #1b1c1714}.preset-shortcuts{gap:7px;margin:13px 0 9px;display:flex}.preset-shortcuts button:first-child{background:var(--accent-soft);color:var(--accent-deep);border-color:#6257ff40}.preset-list{gap:6px;max-height:250px;padding-right:3px;display:grid;overflow-y:auto}.preset-row{cursor:pointer;background:#fafaf7;border:1px solid #e0e1da;border-radius:11px;grid-template-columns:17px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:8px 9px;display:grid}.preset-row:has(input:checked){background:#f7f5ff;border-color:#6257ff57}.preset-row input{width:15px;height:15px;accent-color:var(--accent)}.preset-row small,.preset-row strong{display:block}.preset-row strong{font-size:9px;font-weight:680}.preset-row small{color:#90928a;margin-top:3px;font-size:8px}.preset-row em{background:var(--lime);color:#303a18;border-radius:6px;padding:3px 5px;font-size:7px;font-style:normal;font-weight:750}.text-button{color:var(--accent-deep);background:0 0;border:0;margin-top:9px;padding-left:2px}.inline-note{color:#86631d;background:#fff7e6;border-radius:9px;margin:9px 0 0;padding:9px 10px;font-size:8px;line-height:1.5}.studio-workspace{border-radius:var(--radius-lg);color:#fff;background:#111216;position:sticky;top:96px;overflow:hidden;box-shadow:0 26px 72px #14151b33}.workspace-toolbar{color:#f4f5ef;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 18px;font-size:11px;font-weight:650;display:flex}.workspace-toolbar>div{align-items:center;gap:9px;display:flex}.workspace-toolbar small,.workspace-toolbar>span{color:#ffffff7a;font-family:var(--font-mono);font-size:8px;font-weight:500}.workspace-toolbar>span{background:#ffffff0b;border:1px solid #ffffff17;border-radius:999px;padding:7px 9px}.preview-stage{background:linear-gradient(#ffffff07 1px,#0000 0) 0 0/30px 30px,linear-gradient(90deg,#ffffff07 1px,#0000 0) 0 0/30px 30px,radial-gradient(circle at 50% 20%,#6358ff21,#0000 35%),#15161a;min-height:440px;padding:23px 18px;overflow:hidden}.preview-rail{scrollbar-color:#ffffff2e transparent;scroll-snap-type:x proximity;align-items:center;gap:13px;width:100%;min-height:385px;padding:6px 5px 17px;display:flex;overflow-x:auto}.preview-card{cursor:pointer;scroll-snap-align:center;background:#22231f;border:1px solid #ffffff1c;border-radius:12px;flex:0 0 180px;padding:0;transition:all .17s;position:relative;overflow:hidden;box-shadow:0 15px 30px #0003}.family-android-tablet .preview-card,.family-ipad .preview-card{flex-basis:230px}.orientation-landscape .preview-card{flex-basis:340px}.preview-card:hover{border-color:#ffffff45;transform:translateY(-4px)}.preview-card.is-selected{border-color:var(--lime);box-shadow:0 0 0 2px #c9ff612e,0 18px 35px #00000042}.preview-canvas{background:#262724;width:100%;height:auto;display:block}.preview-index{color:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0b0aa3;border:1px solid #fff3;border-radius:6px;place-items:center;width:27px;height:20px;margin:7px 8px;font-size:8px;font-weight:750;display:grid;position:static}.preview-empty-hint{z-index:3;color:#ffffffb8;white-space:nowrap;background:#0b0c0bb8;border:1px solid #ffffff26;border-radius:999px;padding:6px 8px;font-size:8px;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.workspace-summary{background:#111216;border-top:1px solid #ffffff14;grid-template-columns:minmax(250px,1fr) minmax(260px,340px);align-items:center;gap:10px 18px;padding:16px 18px 18px;display:grid}.summary-metrics{gap:22px;display:flex}.summary-metrics span{color:#ffffff78;font-family:var(--font-mono);font-size:8px}.summary-metrics strong{color:#fff;margin-right:3px;font-size:14px}.compatibility-warning,.export-progress,.status-message{grid-column:1/-1}.compatibility-warning{color:#dfc27e;background:#ffc55314;border:1px solid #ffc55329;border-radius:10px;gap:10px;padding:10px 12px;font-size:9px;line-height:1.5;display:flex}.compatibility-warning strong{color:#ffe2a1;flex:none}.status-message{border-radius:10px;padding:10px 12px;font-size:10px;line-height:1.5}.status-message.error{color:#ffabb5;background:#e85e6e1a;border:1px solid #e85e6e38}.status-message.success{color:#9ce6c2;background:#5dde9f17;border:1px solid #5dde9f33}.post-export-panel{background:#5dde9f0e;border:1px solid #5dde9f2e;border-radius:14px;grid-column:1/-1;padding:12px}.post-export-panel .status-message{background:0 0;border:0;border-bottom:1px solid #5dde9f24;border-radius:0;padding:0 0 10px}.post-export-copy{justify-content:space-between;align-items:center;gap:16px;padding-top:11px;display:flex}.post-export-copy strong{color:#f2fff8;font-size:11px}.post-export-copy p{color:#ffffff80;max-width:600px;margin:5px 0 0;font-size:9px;line-height:1.55}.post-export-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:7px;display:flex}.post-export-actions a,.post-export-actions button{color:#effff5;cursor:pointer;background:#ffffff12;border:1px solid #ffffff21;border-radius:8px;padding:8px 10px;font-size:8px;font-weight:700;text-decoration:none}.post-export-actions button{border-color:var(--lime);background:var(--lime);color:#202614}.export-progress>div{color:#ffffffa8;justify-content:space-between;margin-bottom:7px;font-size:9px;display:flex}.progress-track{background:#ffffff17;border-radius:999px;height:5px;display:block;overflow:hidden}.progress-track>span{border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--lime));height:100%;transition:width .18s;display:block}.primary-export-button{border-radius:var(--radius-control);background:var(--lime);color:#202614;cursor:pointer;border:0;grid-area:1/2;min-height:45px;padding:11px 18px;font-size:11px;font-weight:760;transition:background .18s,transform .18s,box-shadow .18s;box-shadow:0 10px 25px #c6f36b1c}.primary-export-button:hover:not(:disabled){background:#d6ff87;transform:translateY(-1px)}.primary-export-button:disabled{cursor:not-allowed;opacity:.38}.export-footnote{color:#ffffff59;font-family:var(--font-mono);grid-column:1/-1;margin:0;font-size:8px;line-height:1.5}.store-best-practices{border:1px solid var(--line);border-radius:var(--radius-lg);max-width:1180px;box-shadow:var(--shadow-panel);background:#fcfcfdbd;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);margin:42px auto 0;padding:36px 38px;display:grid}.store-best-practices h2{letter-spacing:-.03em;margin:0;font-size:clamp(24px,3vw,34px)}.best-practice-grid{grid-area:1/2/span 2;grid-template-columns:1fr;gap:0;margin:0;display:grid}.best-practice-grid article{border-top:1px solid var(--line);padding:17px 0}.best-practice-grid article:first-child{border-top:0;padding-top:0}.best-practice-grid article:last-child{padding-bottom:0}.best-practice-grid strong{font-size:13px}.best-practice-grid p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.65}.best-practices-link{width:fit-content;color:var(--accent-deep);grid-column:1;margin-top:18px;font-size:11px;font-weight:750;text-decoration:none;display:inline-block}.guide-primary-cta:active,.primary-button:active,[role=button]:active,button:active:not(:disabled){transform:scale(.985)}@media (prefers-reduced-motion:no-preference){.studio-workspace{animation:workspace-enter .46s cubic-bezier(.16,1,.3,1) both}}@keyframes workspace-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.site-footer{color:#8a8c84;border-top:1px solid #dcded6;justify-content:space-between;gap:20px;margin-top:50px;padding:24px 14px 34px;font-size:9px;display:flex}.icon-tool{max-width:1120px;margin:0 auto}.icon-intro{padding-inline:0}.icon-generator-card{border:1px solid var(--line);border-radius:var(--radius-shell);box-shadow:var(--shadow-panel);background:#fcfcfde6;padding:20px}.tool-loading-placeholder{min-height:460px}.icon-platform-settings{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px;padding:4px 4px 0;display:flex}.icon-platform-settings>div{flex:1}.icon-platform-settings>div>strong{color:var(--muted);margin-bottom:7px;font-size:10px;font-weight:700;display:block}.icon-platform-control{width:min(100%,440px);margin-top:0}.adaptive-background-control{color:var(--muted);grid-template-columns:auto 34px;align-items:center;gap:3px 9px;font-size:9px;font-weight:700;display:grid}.adaptive-background-control input[type=color]{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;grid-area:1/2/span 2;width:34px;height:34px;padding:2px}.adaptive-background-control small{color:#92958c;font-size:8px;font-weight:600}.icon-dropzone{border:1.5px dashed var(--line-strong);border-radius:var(--radius-panel);background:var(--surface-soft);place-items:center;min-height:360px;padding:30px;transition:all .16s;display:grid}.icon-dropzone.is-dragging{border-color:var(--accent);background-color:var(--accent-soft)}.icon-dropzone-content,.icon-processing,.icon-result-preview{text-align:center;flex-direction:column;align-items:center;display:flex}.large-upload-symbol{border-radius:var(--radius-panel);background:var(--ink);width:72px;height:72px;color:var(--lime);place-items:center;margin-bottom:22px;font-size:38px;font-weight:250;display:grid;box-shadow:0 15px 35px #15161429}.icon-dropzone-content>strong,.icon-processing strong{letter-spacing:-.02em;font-size:18px}.icon-dropzone-content>p,.icon-processing p{color:var(--muted);margin:8px 0 22px;font-size:12px}.primary-button,.secondary-button{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.primary-button{border-radius:var(--radius-control);background:var(--accent);color:#fff;border:0;min-height:43px;padding:10px 18px;font-size:11px;font-weight:700;box-shadow:0 10px 22px #6257ff38}.spinner{border:4px solid #dcdbf5;border-top:4px solid var(--accent);border-radius:50%;width:48px;height:48px;margin-bottom:20px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.icon-preview-shell{background:#fff;border-radius:34px;width:160px;height:160px;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:0 20px 45px #191a152e}.icon-preview-shell img{object-fit:cover;width:100%;height:100%}.icon-file-meta{margin-bottom:17px}.icon-result-actions{justify-content:center;gap:8px;display:flex}.icon-next-step{color:var(--accent-deep);cursor:pointer;background:0 0;border:0;margin-top:15px;padding:8px 4px;font-size:10px;font-weight:750}.icon-file-meta span,.icon-file-meta strong{display:block}.icon-file-meta strong{text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-size:13px;overflow:hidden}.icon-file-meta span{color:var(--muted);margin-top:5px;font-size:10px}.icon-uploader>.status-message{color:var(--danger);background:#fff0f2;border-color:#c83f4f26;margin-top:14px}.success-toast{z-index:100;color:#245b42;opacity:0;pointer-events:none;background:#f1fff7;border:1px solid #c8e3d4;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:min(390px,100vw - 32px);padding:14px;transition:all .22s;display:grid;position:fixed;bottom:22px;right:22px;transform:translateY(8px);box-shadow:0 18px 50px #14372629}.success-toast.is-visible{opacity:1;pointer-events:auto;transform:none}.toast-icon{background:#bdf0d1;border-radius:10px;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.success-toast strong{font-size:11px;display:block}.success-toast p{color:#5e7d6c;margin:3px 0 0;font-size:9px}.toast-close{color:#527563;cursor:pointer;background:0 0;border:0;border-radius:8px;width:29px;height:29px;font-size:18px}.ja-seo-content{font-feature-settings:"palt" 1;line-break:strict;word-break:normal}.ja-market-checklist p,.ja-official-note p,.ja-seo-content>p{text-wrap:pretty}.ja-sample-figure{background:#eeede7;border:1px solid #dddcd5;border-radius:24px;margin:46px 0 54px;padding:28px}.ja-sample-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.ja-sample-heading h3{margin:6px 0 0;font-size:24px}.ja-sample-figure figcaption,.ja-sample-heading small{color:var(--muted);font-size:11px}.ja-sample-figure figcaption{margin-top:16px;line-height:1.7}.ja-sample-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ja-sample-card{color:#fff;background:linear-gradient(155deg,#6557e8,#a45de0);border-radius:20px;min-height:480px;padding:22px 18px 0;position:relative;overflow:hidden}.ja-sample-card.tone-coral{background:linear-gradient(155deg,#dd6c70,#f39a6f)}.ja-sample-card.tone-teal{background:linear-gradient(155deg,#167f73,#4ab8a0)}.ja-sample-card>span{letter-spacing:.16em;opacity:.72;font-size:9px;font-weight:800}.ja-sample-card>h4{text-align:center;text-wrap:balance;min-height:60px;margin:8px auto 18px;font-size:clamp(17px,2vw,24px);line-height:1.32}.ja-sample-device{color:#1b1c18;background:#f8f7f2;border:5px solid #111318;border-radius:36px 36px 0 0;width:min(86%,230px);min-height:362px;margin:0 auto -26px;padding:34px 15px 16px;position:relative;box-shadow:0 18px 40px #14141e47,inset 0 0 0 1px #ffffff40}.ja-sample-island{background:#08090a;border-radius:99px;width:58px;height:14px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.ja-demo-appbar{flex-direction:column;align-items:flex-start;gap:2px;margin:3px 2px 14px;display:flex}.ja-demo-appbar strong{font-size:12px}.ja-demo-appbar small{color:#85867d;font-size:7px}.ja-demo-summary{color:#6557e8;background:currentColor;border-radius:14px;flex-direction:column;gap:5px;padding:14px;display:flex}.tone-coral .ja-demo-summary{color:#dd6c70}.tone-teal .ja-demo-summary{color:#167f73}.ja-demo-summary small,.ja-demo-summary strong{color:#fff}.ja-demo-summary strong{font-size:11px}.ja-demo-summary small{opacity:.82;font-size:7px}.ja-demo-list{gap:7px;margin-top:12px;display:grid}.ja-demo-list span{background:#fff;border:1px solid #ecece6;border-radius:10px;align-items:center;gap:8px;padding:9px 8px;font-size:8px;font-weight:650;display:flex}.ja-demo-list i{background:#d5d6cf;border-radius:50%;width:7px;height:7px}.ja-demo-list i.is-accent{background:#6557e8}.tone-coral .ja-demo-list i.is-accent{background:#dd6c70}.tone-teal .ja-demo-list i.is-accent{background:#167f73}.ja-demo-nav{color:#92938b;border-top:1px solid #e5e5de;justify-content:space-around;padding-top:9px;font-size:6px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.ja-market-checklist{gap:12px;margin:24px 0 46px;display:grid}.ja-market-checklist article{background:#fff;border:1px solid #e2e3dc;border-radius:16px;grid-template-columns:44px 1fr;gap:16px;padding:18px 20px;display:grid}.ja-market-checklist article>span{background:var(--accent-soft);width:38px;height:38px;color:var(--accent-deep);border-radius:12px;place-items:center;font-size:10px;font-weight:800;display:grid}.ja-market-checklist h3{margin:1px 0 6px;font-size:16px}.ja-market-checklist p{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.ja-submission-steps{margin-bottom:28px}.ja-official-note{background:var(--accent-soft);border:1px solid #cfcaff;border-radius:18px;margin:26px 0 48px;padding:22px 24px}.ja-official-note>strong{font-size:14px}.ja-official-note p{color:#555369;margin:7px 0 14px;font-size:12px;line-height:1.75}.ja-official-note div{flex-wrap:wrap;gap:10px;display:flex}.ja-official-note a{color:var(--accent-deep);font-size:11px;font-weight:750;text-decoration:none}.ja-template-tags{flex-wrap:wrap;gap:8px;margin:18px 0 32px;display:flex}.ja-template-tags span{background:#fff;border:1px solid #dddcd5;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:700}.ja-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ja-icon-showcase{background:linear-gradient(145deg,#edeaff,#f8f7f2);border:1px solid #dddcd5;border-radius:24px;grid-template-columns:150px 1fr;align-items:center;gap:28px;margin:36px 0;padding:28px;display:grid}.ja-icon-art{color:#fff;background:linear-gradient(145deg,#6557e8,#31a892);border-radius:29%;place-items:center;width:128px;height:128px;display:grid;box-shadow:inset 0 0 0 1px #ffffff40,0 18px 36px #4a40b23d}.ja-icon-art span{border:4px solid #ffffffeb;border-radius:22px;place-items:center;width:66px;height:66px;font-size:32px;font-weight:850;display:grid}.ja-icon-showcase h3{margin:8px 0;font-size:25px}.ja-icon-showcase p{color:var(--muted);margin:0;line-height:1.75}.ja-output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[lang=ja] body{font-kerning:normal}html[lang=ja] textarea{line-break:strict;overflow-wrap:anywhere}html[lang=ja] .studio-intro h1{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}@media (width<=1120px){.app-frame{width:min(100% - 24px,1520px)}.site-header{flex-wrap:wrap;gap:8px 16px;padding-bottom:11px}.site-nav{order:3;justify-content:flex-start;width:100%}.studio-shell{grid-template-columns:340px minmax(0,1fr)}.workspace-summary{grid-template-columns:1fr}.primary-export-button{grid-area:auto/1}}@media (width<=880px){.site-header{margin-top:8px;top:8px}.studio-intro{align-items:flex-start;gap:20px}.studio-intro,.studio-shell{grid-template-columns:1fr}.studio-workspace{position:static}.post-export-copy{flex-direction:column;align-items:flex-start}.post-export-actions{justify-content:flex-start}.store-best-practices{grid-template-columns:1fr}.best-practice-grid{grid-area:auto/1;grid-template-columns:1fr;margin-top:24px}.best-practices-link{grid-column:1}.preview-stage{min-height:400px}.preview-rail{min-height:350px}.preview-card{flex-basis:150px}.family-android-tablet .preview-card,.family-ipad .preview-card{flex-basis:210px}.orientation-landscape .preview-card{flex-basis:280px}.orientation-landscape.preview-stage{min-height:300px}.orientation-landscape .preview-rail{min-height:250px}.blog-card-grid,.faq-grid,.seo-article-grid,.seo-featured-guide,.seo-grid,.seo-steps{grid-template-columns:1fr}.seo-featured-guide{align-items:start}.seo-grid>*,.seo-grid>:first-child,.seo-grid>:nth-child(2){grid-column:auto;min-width:0}.blog-card-grid article.is-featured{grid-column:auto}.blog-visual-story>div{grid-template-columns:repeat(5,150px);padding-bottom:12px;overflow-x:auto}.blog-visual-workflow>div{grid-template-columns:repeat(6,130px);padding-bottom:12px;overflow-x:auto}.seo-content{padding:30px 24px}.analytics-consent{flex-direction:column;align-items:stretch}.consent-actions{justify-content:flex-end}.ja-sample-rail{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,230px);padding-bottom:8px;overflow-x:auto}.ja-sample-card{scroll-snap-align:start}.ja-faq-grid,.ja-output-grid{grid-template-columns:1fr}.seo-guide-main article{display:block}.guide-primary-actions:after{min-height:260px}.guide-toc{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface-soft);margin:0 0 38px;padding:20px 22px;position:static}.guide-toc ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.app-frame{width:min(100% - 16px,1520px)}.site-header{border-radius:15px;margin-bottom:24px}.brand-lockup small{display:none}.brand-mark{width:34px;height:34px}.site-nav a{padding-inline:8px;font-size:12px}.studio-intro{padding:5px 6px 26px}.studio-intro h1,.studio-intro h2{font-size:36px}.studio-intro p{font-size:13px}.privacy-chip{padding:8px 10px}.language-menu.is-compact .language-menu-icon{display:none}.language-menu.is-compact select{min-width:72px;padding-left:8px}.ja-sample-figure{border-radius:20px;margin-inline:-8px;padding:20px 14px}.ja-sample-heading{flex-direction:column;align-items:flex-start;gap:7px}.ja-sample-rail{grid-template-columns:repeat(3,210px)}.ja-sample-card{min-height:450px}.ja-icon-showcase{grid-template-columns:1fr;padding:22px}.ja-icon-art{width:104px;height:104px}.ja-market-checklist article{grid-template-columns:34px 1fr;padding:16px}.ja-market-checklist article>span{width:32px;height:32px}.control-section{padding:18px}.device-family-control,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-platform-settings{flex-direction:column;align-items:stretch}.adaptive-background-control{align-self:flex-start}.workspace-toolbar{flex-direction:column;align-items:flex-start}.workspace-toolbar>span{align-self:flex-start}.preview-stage{min-height:365px;padding-inline:12px}.preview-rail{min-height:315px}.summary-metrics{justify-content:space-between;gap:8px}.compatibility-warning{flex-direction:column;gap:3px}.site-footer{flex-direction:column;align-items:flex-start;gap:8px}.icon-dropzone{min-height:330px}.store-best-practices{padding:28px 22px}.seo-guide-frame{width:min(1120px,100%)}.seo-guide-header .brand-lockup small{display:none}.guide-header-cta{text-align:center;max-width:150px}.guide-header-link{display:none}.seo-featured-guide{grid-template-columns:1fr;align-items:start}.seo-guide-main{padding:0 7px}.seo-guide-main h1{text-wrap:balance;font-size:42px}.guide-lead{font-size:15px}.guide-section{padding:30px 0}.guide-primary-actions:after{border-radius:var(--radius-panel);min-height:190px}.guide-related>div,.guide-toc ol{grid-template-columns:1fr}.topic-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-final-cta{padding:30px 24px}.seo-editorial-heading{flex-direction:column;align-items:flex-start}.blog-visual{padding:18px}.blog-visual-copy,.blog-visual-localization>div,.blog-visual-sizes{grid-template-columns:1fr}.blog-visual-copy figcaption,.blog-visual-sizes figcaption{grid-column:1}.copy-arrow,.size-versus{text-align:center;transform:rotate(90deg)}}@media (width<=540px){.topic-template-grid{grid-template-columns:1fr}.topic-template-copy p{min-height:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.collection-option{text-align:left;cursor:pointer;background:#f4f4ef;border:1px solid #d8d9d5;border-radius:9px;padding:0;transition:border-color .16s,transform .16s;overflow:hidden}.collection-option:hover{border-color:#797c70;transform:translateY(-2px)}.collection-option[aria-pressed=true]{border-color:#303927;box-shadow:0 0 0 2px #d4e2bd}.collection-option>span{justify-content:space-between;align-items:center;padding:9px 10px;font-size:12px;font-weight:650;display:flex}.collection-option small{color:#777b70;font:9px var(--font-mono)}.collection-swatch{width:100%;height:auto;display:block}.design-section-label{justify-content:space-between;margin:22px 0 10px;font-size:12px;font-weight:650;display:flex}.design-section-label span{color:#7a7d76;font:10px var(--font-mono)}.palette-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;display:grid}.palette-grid button{aspect-ratio:1;cursor:pointer;border:1px solid #0000001a;border-radius:50%;padding:0;font:12px Georgia,serif;transition:transform .16s}.palette-grid button:hover{transform:scale(1.12)}.palette-grid button[aria-pressed=true]{outline-offset:2px;outline:2px solid #303927}.design-options-row{justify-content:space-between;align-items:end;gap:14px;margin-top:20px;display:flex}.design-options-row label{gap:7px;font-size:11px;display:grid}.design-options-row .frame-toggle{align-items:center;padding-bottom:10px;display:flex}.design-options-row select,.layout-field select{color:#292e26;width:100%;font:inherit;background:#fff;border:1px solid #d8dad2;border-radius:6px;padding:9px 10px}.legacy-themes{margin-top:18px}.legacy-themes summary{cursor:pointer;color:#60675b;padding:8px 0;font-size:11px}.legacy-themes .template-grid{margin-top:12px}.preview-card.panorama-continuation{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-13px}.preview-card:has(+.panorama-continuation){border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.preview-card.panorama-continuation:hover,.preview-card:has(+.panorama-continuation):hover{transform:none}.project-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.project-actions button{color:#30362b;cursor:pointer;background:#f7f8f3;border:1px solid #d7d9d1;border-radius:6px;padding:8px 13px;font-size:12px}.collection-option:focus-visible,.palette-grid button:focus-visible,.project-actions button:focus-visible{outline-offset:3px;outline:3px solid #557a30}@media (prefers-reduced-motion:reduce){.collection-option,.palette-grid button{transition:none}}.duo-announcement{border:1px solid var(--line);background:var(--accent-soft);color:var(--accent-deep);border-radius:12px;align-items:center;gap:12px;margin:-4px 0 20px;padding:13px 18px;font-size:12px;text-decoration:none;display:flex}.duo-announcement>span:first-child{white-space:nowrap;font-weight:800}.duo-announcement>span:last-child{margin-left:auto}.duo-status{border-left:3px solid var(--accent);background:#f4f3fc;border-radius:0 10px 10px 0;margin:12px 0;padding:14px;font-size:11px;line-height:1.7}.duo-status strong{color:var(--ink)}.duo-status p{margin:6px 0}.duo-status a{color:var(--accent-deep);text-decoration:underline}.duo-visual{background:#eeeef6;border:1px solid #d9d9e6;border-radius:20px;grid-template-columns:minmax(0,.6873fr) minmax(0,1.4215fr);align-items:start;gap:24px 32px;margin:28px 0;padding:30px;display:grid}.duo-display-panel{gap:14px;min-width:0;display:grid}.duo-display-panel>small{color:#656579;letter-spacing:.08em;font-size:10px;font-weight:750}.duo-display{background:#202b36;padding:0;position:relative;overflow:hidden;box-shadow:0 0 0 5px #202b36,0 0 0 6px #83929f}.duo-display-outer{aspect-ratio:1398/2034;border-radius:5px 30px 30px 5px}.duo-display-outer:after{content:"";aspect-ratio:1;background:#111a25;border-radius:50%;width:7%;position:absolute;top:6%;right:9%}.duo-display-inner{aspect-ratio:2853/2007;border-radius:30px}.duo-display-content{border-radius:inherit;background:#dcd8ee;width:100%;height:100%;display:grid;overflow:hidden}.duo-display-content>span{text-align:center;color:#635b7f;place-items:center;padding:10px;font-size:clamp(11px,1.4vw,15px);display:grid}.duo-display-inner .duo-display-content{grid-template-columns:repeat(2,minmax(0,1fr))}.duo-display-inner .duo-display-content>span+span{border-left:1px dashed #9084ac}.duo-display-meta strong{color:#282839;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(17px,2.2vw,26px);display:block}.duo-display-meta>span{color:#57576c;margin-top:4px;font-size:12px;line-height:1.6;display:block}.duo-visual figcaption{color:#5e5e70;grid-column:1/-1;font-size:12px;line-height:1.7}.duo-visual figcaption a{color:var(--accent-deep);text-underline-offset:3px}.duo-guide-header{justify-content:space-between;align-items:end;gap:18px;margin:34px 0 18px;display:flex}.duo-guide-header h2{margin-bottom:0}@media (width<=880px){.duo-guide-header{flex-direction:column;align-items:flex-start}}@media (width<=560px){.duo-visual{grid-template-columns:1fr;gap:14px;padding:18px}.duo-display-panel{text-align:center;justify-items:center}.duo-display{width:100%}.duo-display-outer{border-top-right-radius:22px;border-bottom-right-radius:22px;width:48.35%}.duo-display-inner{border-radius:22px}.duo-display-panel+.duo-display-panel{margin-top:12px}.duo-announcement{flex-wrap:wrap;gap:5px 10px}.duo-status{padding:12px;font-size:12px}.duo-guide-header{flex-direction:column;align-items:flex-start}}.article-sources{flex-wrap:wrap;gap:8px 20px;font-size:12px;display:flex}.article-sources a{color:var(--accent-deep);text-underline-offset:3px}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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}