/*! 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-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{.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}}.hidden{display:none}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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)}}:root{--ink:#151614;--muted:#6f716a;--paper:#f3f2ec;--surface:#fff;--surface-soft:#f8f8f4;--line:#dedfd8;--line-strong:#c9cbc1;--accent:#6257ff;--accent-deep:#4b41db;--accent-soft:#eeecff;--lime:#c9ff61;--danger:#c83f4f;--success:#147a55;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-soft:0 18px 60px #1a1b1614}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 0,#6257ff14,transparent 26rem),radial-gradient(circle at 95% 8%,#c9ff6124,transparent 24rem),var(--paper);min-width:320px;color:var(--ink);font-family:var(--font-geist-sans),"PingFang SC","Microsoft YaHei",system-ui,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,textarea:focus-visible{outline-offset:3px;outline:3px solid #5145e8;box-shadow:0 0 0 6px #ffffffeb}.app-frame{width:min(1520px,100% - 40px);min-height:100vh;margin:0 auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffde;border:1px solid #d6d7cfdb;border-radius:18px;grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);align-items:center;min-height:70px;margin:16px 0 38px;padding:9px 12px 9px 18px;display:grid;position:sticky;top:16px;box-shadow:0 10px 35px #22231d0f}.brand-lockup{width:fit-content;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.brand-mark{background:var(--ink);border-radius:11px;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:.02em;font-size:15px;font-weight:740}.brand-lockup small{color:var(--muted);letter-spacing:.12em;margin-top:2px;font-size:8px;font-weight:700}.tool-tabs{background:#f5f5f1;border:1px solid #e5e6df;border-radius:13px;align-items:center;padding:4px;display:flex}.tool-tabs button{color:#70726c;cursor:pointer;background:0 0;border:0;border-radius:9px;min-width:120px;padding:10px 14px;font-size:13px;font-weight:650;transition:all .16s;position:relative}.tool-tabs button span{background:var(--lime);color:#28330f;letter-spacing:.08em;border-radius:999px;padding:2px 5px;font-size:7px;position:absolute;top:-9px;right:3px}.tool-tabs button.is-active{color:var(--ink);background:#fff;box-shadow:0 3px 12px #23241e17}.header-link{color:#62645e;justify-self:end;padding:9px 11px;font-size:12px;font-weight:600;text-decoration:none}.header-actions{justify-self:end;gap:4px}.header-actions,.header-spec-links{align-items:center;display:flex}.header-spec-links .header-link{padding-inline:7px;font-size:10px}.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}.seo-content{background:#ffffffb8;border:1px solid #d6d7cfdb;border-radius:28px;max-width:1180px;margin:72px auto 38px;padding:48px}.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{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px;display:grid}.faq-grid details,.seo-grid article{background:#fff;border:1px solid #e5e6df;border-radius:18px;padding:22px}.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-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(100% - 32px,1120px);margin:0 auto}.seo-guide-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fafaf7e6;border:1px solid #d9dad3e6;border-radius:18px;justify-content:space-between;align-items:center;margin:14px 0 38px;padding:10px 12px;display:flex;position:sticky;top:14px;box-shadow:0 12px 36px #1c1d1814}.seo-guide-header .brand-lockup{color:inherit;text-decoration:none}.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%,860px);margin:0 auto}.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}.seo-guide-main h1{letter-spacing:-.05em;max-width:820px;margin:16px 0 22px;font-size:clamp(42px,7vw,72px);line-height:1.02}.guide-lead{max-width:760px;color:var(--muted);margin:0;font-size:17px;line-height:1.8}.guide-primary-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:30px 0 66px;display:flex}.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-section{background:#fffc;border:1px solid #e2e3dc;border-radius:24px;margin-top:28px;padding:34px}.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-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{margin:72px 0 40px}.guide-related>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.guide-related a{color:var(--ink);background:#fff;border:1px solid #e0e1da;border-radius:16px;padding:18px;font-size:12px;font-weight:700;line-height:1.45;text-decoration:none}.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}.header-link:hover{color:var(--accent)}.studio-intro{justify-content:space-between;align-items:flex-end;gap:36px;padding:10px 14px 35px;display:flex}.studio-intro>div:first-child{max-width:900px}.eyebrow{color:var(--accent-deep);letter-spacing:.16em;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:currentColor;border-radius:99px;width:22px;height:2px}.studio-intro h1,.studio-intro h2{letter-spacing:-.055em;max-width:860px;margin:0;font-size:clamp(34px,4vw,62px);font-weight:680;line-height:1.04}.studio-intro p{max-width:760px;color:var(--muted);margin:17px 0 0;font-size:15px;line-height:1.75}.privacy-chip{color:#5d6059;background:#ffffffb8;border:1px solid #ddded7;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 #1b1d160a}.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:380px minmax(0,1fr);align-items:start;gap:18px;display:grid}.studio-controls{border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-soft);background:#ffffffd1;margin:0;padding:0;overflow:hidden}.studio-controls:disabled,.studio-controls[disabled]{opacity:.82}.control-section{border-bottom:1px solid #e7e7e1;padding:22px}.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:750}.section-heading p{color:#92948d;margin-top:3px;font-size:10px}.step-number{background:var(--ink);color:#fff;border-radius:9px;flex:none;place-items:center;width:27px;height:27px;display:grid}.section-count,.step-number{font-size:10px;font-weight:750}.section-count{background:var(--accent-soft);color:var(--accent-deep);border-radius:999px;margin-left:auto;padding:4px 8px}.upload-dropzone{cursor:pointer;background:#f9f9f6;border:1.5px dashed #c9c9c0;border-radius:15px;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{background:var(--ink);width:45px;height:45px;color:var(--lime);border-radius:13px;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:#96978f;margin-top:4px;font-size:9px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.template-tile{cursor:pointer;text-align:left;background:#fff;border:1px solid #dedfd8;border-radius:13px;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:9px;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-spectrum .mini-copy{background:#121311d9;box-shadow:0 8px 0 -1px #12131157}.template-editorial .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-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:#777970;background:#f1f1ec;border-radius:5px;padding:2px 4px;font-size:7px;font-style:normal}.template-description{color:#888a82;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:#55574f;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;width:100%;min-height:64px;color:var(--ink);background:#fbfbf8;border:1px solid #dcded6;border-radius:12px;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{color:#5a5c55;cursor:pointer;background:#fff;border:1px solid #d8dad1;border-radius:9px;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:#edeee8;border-radius:11px;grid-template-columns:1fr 1fr;gap:3px;margin-top:8px;padding:3px;display:grid}.device-family-control{grid-template-columns:repeat(4,minmax(0,1fr))}.device-family-control button{padding-inline:5px;font-size:9px}.segmented-control button{color:#7c7e76;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:650}.segmented-control button.is-active{color:var(--ink);background:#fff;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:#10110f;position:sticky;top:104px;overflow:hidden;box-shadow:0 25px 80px #0f100d33}.workspace-toolbar{color:#f4f5ef;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:14px 20px;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-size:9px;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%),#141513;min-height:480px;padding:27px 20px;overflow:hidden}.preview-rail{scrollbar-color:#ffffff2e transparent;scroll-snap-type:x proximity;align-items:center;gap:13px;width:100%;min-height:425px;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:13px;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;font-weight:750;display:grid;top:8px;left:8px}.preview-empty-hint,.preview-index{z-index:3;font-size:8px;position:absolute}.preview-empty-hint{color:#ffffffb8;white-space:nowrap;background:#0b0c0bb8;border:1px solid #ffffff26;border-radius:999px;padding:6px 8px;bottom:20%;left:50%;transform:translate(-50%)}.workspace-summary{background:#10110f;border-top:1px solid #ffffff14;grid-template-columns:minmax(250px,1fr) minmax(260px,340px);align-items:center;gap:10px 18px;padding:17px 20px 20px;display:grid}.summary-metrics{gap:22px;display:flex}.summary-metrics span{color:#ffffff78;font-size:9px}.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}.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{background:var(--lime);color:#202614;cursor:pointer;border:0;border-radius:12px;grid-area:1/2;min-height:45px;padding:11px 18px;font-size:11px;font-weight:760;transition:all .15s;box-shadow:0 10px 25px #c9ff611a}.primary-export-button:hover:not(:disabled){background:#d6ff87;transform:translateY(-1px)}.primary-export-button:disabled{cursor:not-allowed;opacity:.38}.export-footnote{color:#ffffff59;grid-column:1/-1;margin:0;font-size:8px;line-height:1.5}.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);box-shadow:var(--shadow-soft);background:#ffffffd9;border-radius:26px;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{background:radial-gradient(circle at 50% 30%,#6257ff12,#0000 260px),#f9f9f6;border:1.5px dashed #c7c9bf;border-radius:20px;place-items:center;min-height:460px;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{background:var(--ink);width:72px;height:72px;color:var(--lime);border-radius:22px;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{background:var(--accent);color:#fff;border:0;border-radius:11px;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-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}@media (width<=1120px){.app-frame{width:min(100% - 24px,1520px)}.site-header{grid-template-columns:1fr auto}.tool-tabs{grid-area:2/1/auto/-1;justify-self:stretch;margin-top:8px}.tool-tabs button{flex:1}.site-header{padding-bottom:11px}.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}.header-link{display:none}.studio-intro{flex-direction:column;align-items:flex-start;gap:20px}.studio-shell{grid-template-columns:1fr}.studio-workspace{position:static}.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}.faq-grid,.seo-grid{grid-template-columns:1fr}.seo-content{padding:30px 24px}.analytics-consent{flex-direction:column;align-items:stretch}.consent-actions{justify-content:flex-end}}@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}.tool-tabs button{min-width:0;font-size:11px}.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}.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:380px}.seo-guide-frame{width:min(100% - 18px,1120px)}.seo-guide-header{margin-top:7px;top:7px}.seo-guide-header .brand-lockup small{display:none}.guide-header-cta{text-align:center;max-width:150px}.seo-guide-main{padding:0 7px}.seo-guide-main h1{font-size:42px}.guide-lead{font-size:15px}.guide-section{padding:24px}.guide-related>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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}