@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.1dtltwig2y3wh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.1hmx3sz6swr8m.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-ext-400-normal.0ordxpm0gxgw8.woff2)format("woff2"),url(../media/instrument-serif-latin-ext-400-normal.2z9xqimzvw6vx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-400-normal.3_vslfxq_--4i.woff2)format("woff2"),url(../media/instrument-serif-latin-400-normal.2maraz2ovyahx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#171715;--ink-soft:#595751;--ink-faint:#858178;--paper:#f4f1eb;--surface:#ffffffc2;--surface-strong:#fffefb;--line:#1c1b181a;--line-strong:#1c1b182e;--accent:#f05d3f;--accent-dark:#d9482d;--accent-soft:#ffe1d8;--violet:#7765d7;--success:#23856d;--shadow-soft:0 20px 60px #2a231914;--shadow-card:0 2px 2px #28241e05, 0 16px 42px #28241e12;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--sidebar-width:112px}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth;font-family:Manrope Variable,Segoe UI,sans-serif;overflow-x:clip}body{background:radial-gradient(circle at 72% -10%, #f15d3f1f, transparent 30%), radial-gradient(circle at 12% 82%, #7765d714, transparent 28%), var(--paper);min-width:0;min-height:100dvh;margin:0;overflow-x:clip}button,input,textarea,select{font:inherit}button{color:inherit;touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #f05d3f3d}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100dvh;display:grid}.sidebar{z-index:30;width:var(--sidebar-width);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf8f3c2;flex-direction:column;align-items:center;padding:22px 12px;display:flex;position:fixed;inset:0 auto 0 0}.brand-mark{background:var(--ink);color:#fff;border-radius:15px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 12px 30px #14131129}.side-nav{flex-direction:column;flex:1;gap:8px;width:100%;padding-top:46px;display:flex}.side-nav-item{cursor:pointer;min-height:64px;color:var(--ink-faint);background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:650;transition:background .18s,color .18s,transform .18s;display:flex}.side-nav-item:hover{color:var(--ink);background:#ffffffb8}.side-nav-item:active{transform:scale(.97)}.side-nav-item.is-active{background:var(--surface-strong);color:var(--accent-dark);box-shadow:0 8px 26px #2c261f12}.sidebar-settings{width:100%}.workspace{grid-column:2;min-width:0}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f4f1ebc7;justify-content:space-between;align-items:center;min-height:76px;padding:0 clamp(22px,4vw,58px);display:flex;position:sticky;top:0}.working-title{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #f05d3f1f}.topbar-actions{align-items:center;gap:12px;display:flex}.credit-pill{cursor:pointer;border:1px solid var(--line);min-height:44px;color:var(--ink-soft);background:#ffffffa8;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:700;display:flex}.credit-pill svg{color:var(--accent)}.avatar-button{cursor:pointer;color:#4c463e;background:#d8d1c4;border:0;border-radius:14px;place-items:center;width:44px;height:44px;font-size:13px;font-weight:800;display:grid}.mobile-brand{align-items:center;gap:9px;font-size:13px;font-weight:800;display:none}.mobile-brand-icon{background:var(--ink);color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.workspace-content{width:min(1420px,100%);min-width:0;margin:0 auto;padding:clamp(34px,5vw,72px) clamp(22px,4vw,58px) 96px}.creation-view,.creation-grid,.composer-card,.settings-card{min-width:0}.creation-heading{max-width:760px;margin-bottom:40px}.eyebrow,.card-kicker{color:var(--accent-dark);letter-spacing:.14em;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.eyebrow-line{background:var(--accent);width:28px;height:1px}.creation-heading h1,.result-header h1,.progress-view h1{letter-spacing:-.045em;margin:13px 0 14px;font-family:Instrument Serif,Georgia,serif;font-size:clamp(48px,6.3vw,86px);font-weight:400;line-height:.94}.creation-heading p,.result-header p,.progress-view>p{max-width:660px;color:var(--ink-soft);margin:0;font-size:clamp(15px,1.4vw,18px);line-height:1.65}.creation-grid{grid-template-columns:minmax(0,1.62fr) minmax(320px,.82fr);align-items:start;gap:22px;display:grid}.composer-card,.settings-card,.editor-card,.visual-card,.voice-learning-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.composer-card{border-radius:var(--radius-lg);min-height:520px;overflow:hidden}.mode-tabs{border-bottom:1px solid var(--line);background:#f9f7f2b3;grid-template-columns:repeat(4,1fr);padding:8px;display:grid}.mode-tab{cursor:pointer;min-height:48px;color:var(--ink-faint);background:0 0;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s;display:flex}.mode-tab:hover{color:var(--ink)}.mode-tab.is-active{background:var(--surface-strong);color:var(--ink);box-shadow:0 8px 24px #231f1a14}.composer-body,.record-panel,.text-panel,.link-panel,.upload-panel{min-height:400px}.record-panel{flex-direction:column;justify-content:center;align-items:center;padding:40px 28px;display:flex}.record-orbit{place-items:center;width:170px;height:170px;display:grid;position:relative}.orbit{border:1px solid #f05d3f29;border-radius:50%;transition:transform .3s;position:absolute;inset:0}.orbit-two{border-color:#7765d729;inset:20px}.record-orbit.is-recording .orbit-one{animation:1.8s ease-in-out infinite breathe}.record-orbit.is-recording .orbit-two{animation:1.8s ease-in-out .22s infinite breathe}.record-button{z-index:2;cursor:pointer;background:var(--accent);color:#fff;border:8px solid #ffffff94;border-radius:50%;place-items:center;width:88px;height:88px;transition:transform .18s,background .18s;display:grid;position:relative;box-shadow:0 18px 44px #f05d3f45,inset 0 -5px 12px #96281424}.record-button:hover{background:var(--accent-dark);transform:scale(1.045)}.record-button:active{transform:scale(.97)}.is-recording .record-button{background:var(--ink);box-shadow:0 18px 44px #1717153b}.record-copy{text-align:center;flex-direction:column;align-items:center;margin-top:18px;display:flex}.record-copy strong{font-size:17px;font-weight:750}.record-copy span{max-width:380px;color:var(--ink-faint);margin-top:7px;font-size:13px;line-height:1.55}.waveform{align-items:center;gap:3px;height:45px;margin-top:22px;display:flex}.waveform span{background:linear-gradient(var(--accent), var(--violet));border-radius:99px;width:3px;animation:.75s ease-in-out infinite alternate wave}.recorded-audio{align-items:center;gap:12px;width:min(430px,100%);margin-top:24px;display:flex}.recorded-audio audio{width:100%;height:44px}.text-button{cursor:pointer;min-height:44px;color:var(--ink-soft);white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:750;display:inline-flex}.text-button:hover{color:var(--accent-dark)}.text-panel{flex-direction:column;padding:34px;display:flex}.text-panel label,.link-panel label{color:var(--ink-soft);margin-bottom:12px;font-size:13px;font-weight:750}.text-panel textarea{resize:none;width:100%;min-height:270px;color:var(--ink);background:0 0;border:0;flex:1;font-family:Instrument Serif,Georgia,serif;font-size:clamp(23px,2.3vw,32px);line-height:1.38}.text-panel textarea::placeholder{color:#aaa69d}.text-panel textarea:focus{outline:0}.text-panel textarea:focus-visible,.editor-body textarea:focus-visible{outline-offset:5px;border-radius:12px;outline:3px solid #f05d3f3d}.textarea-meta{color:var(--ink-faint);justify-content:space-between;align-items:flex-end;gap:20px;padding-top:16px;font-size:11px;display:flex}.quick-ideas{flex-wrap:wrap;gap:7px;display:flex}.quick-ideas button{cursor:pointer;border:1px solid var(--line);min-height:44px;color:var(--ink-soft);background:#fff9;border-radius:999px;padding:0 12px;font-size:11px;font-weight:650}.quick-ideas button:hover{color:var(--accent-dark);border-color:#f05d3f4d}.link-panel,.upload-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:38px;display:flex}.input-visual{background:var(--accent-soft);width:68px;height:68px;color:var(--accent-dark);border:1px solid #f05d3f26;border-radius:22px;place-items:center;margin-bottom:22px;display:grid}.link-panel label{color:var(--ink);font-size:18px}.url-input-wrap{border:1px solid var(--line-strong);background:#ffffffc7;border-radius:16px;align-items:center;width:min(540px,100%);min-height:56px;padding:0 8px 0 17px;display:flex}.url-input-wrap:focus-within{border-color:#f05d3f80;box-shadow:0 0 0 4px #f05d3f14}.url-input-wrap input{min-width:0;color:var(--ink);background:0 0;border:0;flex:1;font-size:15px}.url-input-wrap input:focus{outline:0}.url-input-wrap button{cursor:pointer;width:44px;height:44px;color:var(--ink-faint);background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.link-panel p{max-width:430px;color:var(--ink-faint);margin:14px 0 0;font-size:12px;line-height:1.55}.upload-drop{cursor:pointer;background:linear-gradient(#ffffff80,#ffffff80),repeating-linear-gradient(45deg,#0000,#0000 10px,#f05d3f05 10px 20px);border:1px dashed #1c1b1833;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:min(560px,100%);min-height:260px;transition:border-color .18s,background .18s;display:flex}.upload-drop:hover{background-color:#fff7f3cc;border-color:#f05d3f75}.upload-drop:focus-within{outline-offset:3px;border-color:#f05d3f80;outline:3px solid #f05d3f33}.upload-drop input{opacity:0;width:1px;height:1px;position:absolute}.upload-drop strong{overflow-wrap:anywhere;max-width:100%;font-size:16px}.upload-drop>span:last-child{color:var(--ink-faint);margin-top:7px;font-size:12px}.transcript-hint{border-top:1px solid var(--line);color:var(--ink-soft);background:#f8f6f1bd;align-items:center;gap:12px;padding:16px 22px;display:flex}.transcript-hint svg{color:var(--accent);flex:none}.transcript-hint div{flex-direction:column;display:flex}.transcript-hint strong{font-size:12px}.transcript-hint span{color:var(--ink-faint);margin-top:2px;font-size:11px}.settings-card{border-radius:var(--radius-lg);padding:24px}.settings-section{flex-direction:column;gap:14px;display:flex}.section-label{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.step-index{color:#b7b2a9;font-family:Instrument Serif,Georgia,serif;font-size:16px;font-weight:400}.platform-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.platform-chip{cursor:pointer;border:1px solid var(--line);min-height:46px;color:var(--ink-soft);background:#ffffff85;border-radius:13px;align-items:center;gap:9px;min-width:0;padding:0 11px;font-size:12px;font-weight:700;transition:border-color .18s,background .18s,color .18s;display:flex}.platform-chip span{color:#6d6962;background:#ebe7df;border-radius:8px;place-items:center;width:25px;height:25px;font-size:9px;font-weight:850;display:grid}.platform-chip:hover{border-color:var(--line-strong)}.platform-chip.is-active span{background:var(--accent);color:#fff}.settings-divider{background:var(--line);height:1px;margin:22px 0}.preset-list{flex-direction:column;gap:7px;display:flex}.preset-option{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:11px;min-height:60px;padding:9px;display:flex}.preset-option:hover{background:#ffffff8c}.preset-option.is-active{border-color:var(--line);background:#ffffffb8}.radio-mark{color:#fff;border:1px solid #c7c2b9;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.preset-option.is-active .radio-mark{border-color:var(--accent);background:var(--accent)}.preset-option>span:last-child{flex-direction:column;min-width:0;display:flex}.preset-option strong{font-size:12px;font-weight:750}.preset-option small{color:var(--ink-faint);margin-top:3px;font-size:10px;line-height:1.4}.style-chips{flex-wrap:wrap;gap:7px;display:flex}.style-chip{cursor:pointer;border:1px solid var(--line);min-height:44px;color:var(--ink-soft);background:#ffffff80;border-radius:999px;padding:0 12px;font-size:10px;font-weight:750}.style-chip.is-active{border-color:var(--ink);background:var(--ink);color:#fff}.advanced-toggle{cursor:pointer;border:0;border-top:1px solid var(--line);width:100%;min-height:46px;color:var(--ink-faint);background:0 0;align-items:center;gap:8px;margin-top:22px;padding:18px 2px 0;font-size:11px;font-weight:700;display:flex}.advanced-toggle svg:last-child{margin-left:auto;transition:transform .18s}.advanced-toggle svg:last-child.is-open{transform:rotate(180deg)}.advanced-panel{grid-template-columns:1fr 1fr;gap:8px;padding-top:13px;display:grid;overflow:hidden}.advanced-panel label{color:var(--ink-faint);flex-direction:column;gap:5px;font-size:10px;font-weight:700;display:flex}.advanced-panel select{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#ffffffb3;border-radius:11px;padding:0 9px;font-size:11px}.inline-error{color:#a93726;background:#fff0ed;border:1px solid #c237242e;border-radius:12px;margin-top:15px;padding:11px 13px;font-size:11px;line-height:1.5}.generate-button{cursor:pointer;background:var(--ink);color:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;margin-top:20px;font-size:13px;font-weight:750;transition:transform .18s,background .18s,opacity .18s;display:flex;box-shadow:0 14px 30px #17171529}.generate-button svg:last-child{margin-left:auto;margin-right:15px}.generate-button svg:first-child{color:#ffaf8f;margin-left:15px}.generate-button:hover:not(:disabled){background:#2b2926;transform:translateY(-2px)}.generate-button:active:not(:disabled){transform:translateY(0)scale(.99)}.generate-button:disabled{cursor:not-allowed;opacity:.38;box-shadow:none}.generate-note{color:var(--ink-faint);text-align:center;margin:10px 0 0;font-size:9px}.progress-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 210px);display:flex}.progress-visual{place-items:center;width:190px;height:190px;margin-bottom:28px;display:grid;position:relative}.progress-halo{border-radius:50%;position:absolute}.halo-one{border:1px solid #f05d3f33;animation:2.2s ease-in-out infinite breathe;inset:0}.halo-two{border:1px solid #7765d733;animation:2.2s ease-in-out .35s infinite breathe;inset:24px}.progress-core{background:radial-gradient(circle at 34% 25%, #ffffff8c, transparent 24%), linear-gradient(145deg, var(--accent), var(--violet));color:#fff;border-radius:50%;place-items:center;width:86px;height:86px;display:grid;box-shadow:0 24px 55px #8f4e6242}.progress-view h1{font-size:clamp(42px,5vw,66px)}.progress-view>p{max-width:560px;font-size:15px}.progress-track{background:#1c1b1814;border-radius:99px;width:min(540px,86vw);height:5px;margin-top:34px;overflow:hidden}.progress-track span{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--violet));width:100%;height:100%;display:block}.stage-list{flex-wrap:wrap;justify-content:center;gap:8px 18px;max-width:760px;margin-top:26px;display:flex}.stage-item{color:#a49f96;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.stage-item>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.stage-item.is-current{color:var(--ink)}.stage-item.is-current>span{color:var(--accent);border-color:#f05d3f4d}.stage-item.is-done{color:var(--success)}.stage-item.is-done>span{background:#23856d14;border-color:#23856d33}.spinner{animation:1s linear infinite spin}.cancel-button{cursor:pointer;min-height:44px;color:var(--ink-faint);background:0 0;border:0;margin-top:26px;font-size:11px;font-weight:700}.result-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.result-header>div:first-child{max-width:800px}.result-header h1{margin:14px 0 10px;font-size:clamp(44px,5.4vw,72px)}.result-header p{font-size:14px}.back-button{cursor:pointer;min-height:44px;color:var(--ink-faint);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:11px;font-weight:750;display:inline-flex}.back-button:hover{color:var(--ink)}.result-status{min-height:40px;color:var(--success);letter-spacing:.09em;text-transform:uppercase;background:#23856d14;border:1px solid #23856d29;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:10px;font-weight:800;display:flex}.result-grid{grid-template-columns:minmax(0,1.5fr) minmax(330px,.75fr);align-items:start;gap:22px;display:grid}.editor-card,.visual-card{border-radius:var(--radius-lg);overflow:hidden}.editor-toolbar,.visual-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:72px;padding:0 22px;display:flex}.platform-tabs{align-items:center;gap:6px;min-width:0;display:flex}.platform-tabs button{cursor:pointer;min-height:44px;color:var(--ink-faint);background:0 0;border:0;border-radius:11px;padding:0 12px;font-size:11px;font-weight:750}.platform-tabs button.is-active{background:var(--ink);color:#fff}.platform-tabs .add-platform{color:var(--accent-dark);align-items:center;gap:5px;display:flex}.icon-button{cursor:pointer;border:1px solid var(--line);width:44px;height:44px;color:var(--ink-soft);background:#ffffff85;border-radius:12px;flex:none;place-items:center;display:grid}.editor-body{padding:30px 32px 17px}.editor-body textarea{resize:vertical;width:100%;min-height:420px;color:var(--ink);background:0 0;border:0;font-size:16px;line-height:1.82}.editor-body textarea:focus{outline:0}.editor-meta{min-height:28px;color:var(--ink-faint);justify-content:space-between;align-items:center;font-size:10px;display:flex}.edit-signal{color:var(--violet);align-items:center;gap:5px;font-weight:750;display:flex}.rewrite-actions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:7px;padding:13px 22px;display:flex}.rewrite-actions button{cursor:pointer;border:1px solid var(--line);min-height:44px;color:var(--ink-soft);background:#ffffff94;border-radius:11px;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:700;display:flex}.rewrite-actions button:hover{color:var(--accent-dark);border-color:#f05d3f4d}.editor-footer{justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.remember-button,.copy-button{cursor:pointer;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-size:11px;font-weight:750;display:flex}.remember-button{border:1px solid var(--line);color:var(--ink-soft);background:0 0}.remember-button:disabled{cursor:not-allowed;opacity:.42}.remember-button.is-remembered{color:var(--success);opacity:1;background:#23856d14;border-color:#23856d2e}.copy-button{background:var(--ink);color:#fff;border:0;margin-left:auto}.remember-note{color:var(--ink-faint);margin:-6px 22px 18px;font-size:10px;line-height:1.5}.visual-card{padding-bottom:20px}.visual-heading h2{margin:5px 0 0;font-family:Instrument Serif,Georgia,serif;font-size:25px;font-weight:400}.image-grid{grid-template-columns:1fr 1fr;gap:10px;padding:20px 20px 10px;display:grid}.generated-image{background-position:50%;background-size:cover;border-radius:18px;min-height:250px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.generated-image:nth-child(2){margin-top:26px}.image-grid.is-wide{grid-template-columns:1fr}.image-grid.is-wide .generated-image,.image-grid.is-square .generated-image{min-height:0}.image-grid.is-wide .generated-image:nth-child(2){margin-top:0}.image-grain{opacity:.18;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:absolute;inset:0}.image-orb{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff52;border-radius:50%;width:120px;height:120px;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 40px #fff3,0 22px 50px #18131c26}.generated-image span{color:#fff;text-shadow:0 2px 12px #0000004d;font-size:10px;font-weight:750;position:absolute;bottom:13px;left:13px;right:13px}.generated-image button{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18161a2e;border:1px solid #ffffff3d;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:11px;right:11px}.more-images{cursor:pointer;min-height:44px;color:var(--ink-soft);background:0 0;border:0;align-items:center;gap:7px;margin:0 auto;font-size:10px;font-weight:750;display:flex}.idea-brief{border:1px solid var(--line);background:#f7f4eec7;border-radius:16px;margin:12px 20px 0;padding:15px}.brief-title{color:var(--violet);align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.idea-brief p{color:var(--ink);margin:9px 0 4px;font-size:11px;font-weight:700;line-height:1.5}.idea-brief>span{color:var(--ink-faint);font-size:9px;line-height:1.5}.voice-learning-card{border-radius:var(--radius-lg);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:22px;padding:22px 24px;display:grid}.learning-icon{background:linear-gradient(145deg, var(--accent-soft), #e6e0ff);width:52px;height:52px;color:var(--violet);border-radius:17px;place-items:center;display:grid}.voice-learning-card h3{margin:5px 0 3px;font-family:Instrument Serif,Georgia,serif;font-size:22px;font-weight:400}.voice-learning-card p{max-width:760px;color:var(--ink-faint);margin:0;font-size:10px;line-height:1.55}.voice-learning-card>button{cursor:pointer;min-height:44px;color:var(--ink-soft);background:0 0;border:0;align-items:center;gap:7px;font-size:10px;font-weight:750;display:flex}.mobile-nav{display:none}@keyframes breathe{0%,to{opacity:.42;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes wave{0%{opacity:.52;transform:scaleY(.45)}to{opacity:1;transform:scaleY(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1080px){.creation-grid,.result-grid{grid-template-columns:1fr}.settings-card{grid-template-columns:1fr 1fr;gap:22px;display:grid}.settings-card .settings-divider{display:none}.settings-card .settings-section:nth-of-type(3),.advanced-toggle,.advanced-panel,.inline-error,.generate-button,.generate-note{grid-column:1/-1}.result-grid{grid-template-columns:minmax(0,1fr)}.visual-card{max-width:none}.image-grid{grid-template-columns:repeat(2,minmax(0,280px))}}@media (max-width:760px){:root{--radius-lg:22px}.app-shell{display:block}.sidebar{display:none}.workspace{min-height:100dvh}.topbar{min-height:64px;padding:0 16px}.mobile-brand{display:flex}.working-title,.credit-pill{display:none}.workspace-content{padding:30px 14px 110px}.creation-heading{margin-bottom:26px;padding:0 4px}.creation-heading h1{letter-spacing:-.04em;font-size:clamp(44px,14vw,56px);line-height:.96}.creation-heading h1 span{display:block}.creation-heading p{font-size:14px}.mode-tabs{overscroll-behavior-x:contain;scrollbar-width:none;width:100%;max-width:100%;display:flex;overflow-x:auto}.mode-tabs::-webkit-scrollbar{display:none}.mode-tab{flex:0 0 104px;font-size:11px}.composer-card{min-height:470px}.composer-body,.record-panel,.text-panel,.link-panel,.upload-panel{min-height:360px}.record-panel{padding:30px 18px}.record-orbit{width:145px;height:145px}.recorded-audio{flex-direction:column}.text-panel{padding:25px 22px}.text-panel textarea{min-height:230px;font-size:24px}.textarea-meta{flex-direction:column;align-items:flex-start}.link-panel,.upload-panel{padding:26px 20px}.settings-card{padding:20px;display:block}.settings-card .settings-divider{display:block}.settings-section{margin-bottom:0}.result-header{flex-direction:column;align-items:flex-start}.result-header h1{font-size:50px}.editor-toolbar{padding:0 12px;overflow:hidden}.platform-tabs{min-width:0;padding-right:8px;overflow-x:auto}.platform-tabs button{flex:none}.editor-body{padding:24px 20px 14px}.editor-body textarea{min-height:380px;font-size:15px}.editor-footer{flex-direction:column;align-items:stretch}.copy-button{width:100%;margin-left:0}.image-grid{grid-template-columns:1fr 1fr}.generated-image{min-height:220px}.voice-learning-card{grid-template-columns:auto 1fr}.voice-learning-card>button{grid-column:1/-1;justify-content:flex-end}.mobile-nav{right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#191816eb;border:1px solid #ffffff80;border-radius:22px;grid-template-columns:repeat(3,1fr);min-height:70px;padding:7px;display:grid;position:fixed;left:12px;box-shadow:0 20px 55px #14131240}.mobile-nav button{cursor:pointer;color:#96928b;background:0 0;border:0;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;font-size:9px;font-weight:700;display:flex}.mobile-nav button.is-active{color:#ff9b7c;background:#ffffff1a}}@media (max-width:440px){.platform-grid{grid-template-columns:1fr 1fr}.image-grid{grid-template-columns:1fr}.generated-image,.generated-image:nth-child(2){min-height:320px;margin-top:0}.image-grid.is-wide .generated-image,.image-grid.is-square .generated-image{min-height:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ink:#151515;--ink-soft:#525252;--ink-faint:#77746f;--paper:#f8f8f6;--surface:#ffffffc7;--surface-strong:#fff;--line:#12121217;--line-strong:#12121229;--accent:#ff5a32;--accent-dark:#d94426;--accent-soft:#fff0eb;--violet:#7a46e8;--shadow-soft:0 22px 70px #12121214;--shadow-card:0 1px 1px #12121205, 0 18px 54px #1212120f;--radius-lg:26px;--sidebar-width:104px}html{background:#111210}body{background:radial-gradient(circle at 58% -12%,#ff5a3229,#0000 28%),radial-gradient(circle at 88% 12%,#7a46e81c,#0000 25%),#111210;padding:14px}.app-shell{background:var(--paper);border:1px solid #ffffff14;border-radius:38px;width:100%;min-height:calc(100dvh - 28px);overflow:clip;box-shadow:0 28px 100px #00000047}.sidebar{background:#ffffffbd;border-right-color:#12121212;border-radius:38px 0 0 38px;height:calc(100dvh - 28px);position:sticky;top:14px}.brand-mark,.mobile-brand-icon{background:#171816;box-shadow:0 12px 30px #1212122e}.side-nav-item.is-active{color:var(--ink);box-shadow:0 10px 32px #1212120f}.workspace{background:radial-gradient(circle at 92% 0,#7a46e809,#0000 24%),#fafaf8;min-height:calc(100dvh - 28px)}.topbar{background:#fafaf8d1;border-bottom-color:#12121212;min-height:72px}.credit-pill{background:#fffc}.workspace-content{width:min(1480px,100%);padding-top:clamp(24px,3.5vw,50px)}.creation-heading{z-index:0;text-align:center;isolation:isolate;background:#ffffffdb;border:1px solid #1212120e;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;max-width:none;min-height:clamp(390px,44vw,570px);margin-bottom:clamp(30px,4vw,48px);padding:72px clamp(24px,5vw,72px);display:flex;position:relative;overflow:hidden}.creation-heading:before{z-index:-2;content:"";filter:blur(30px);opacity:.82;background:linear-gradient(105deg,#ffa85deb 4%,#ff4019f5 43%,#6830e0e6 76%,#7a46e847 100%);border-radius:52% 20% 58% 26%;width:min(760px,68%);height:min(260px,48%);position:absolute;transform:rotate(-13deg)skew(-13deg)}.creation-heading:after{z-index:-1;content:"";background:#ffffff6b;border-radius:42% 58% 54% 46%;width:min(900px,76%);height:min(250px,44%);position:absolute;transform:rotate(10deg)translate(8%,12%);box-shadow:0 0 72px 42px #ffffff7a}.creation-heading .eyebrow,.creation-heading h1,.creation-heading p,.hero-actions{z-index:1;position:relative}.creation-heading .eyebrow{color:#1515159e}.creation-heading .eyebrow-line{background:#15151570}.creation-heading h1{letter-spacing:-.052em;max-width:1120px;margin:22px 0 20px;font-size:clamp(58px,6.4vw,96px);line-height:.91}.creation-heading h1 span{color:var(--ink)}.creation-heading p{color:#151515b8;max-width:760px;font-size:clamp(14px,1.2vw,17px);line-height:1.62}.hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.hero-actions button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:12px;font-weight:750;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.hero-actions button:active{transform:scale(.98)}.hero-primary{color:#fff;background:#171816;border:1px solid #171816;box-shadow:0 14px 34px #12121229}.hero-primary:hover{background:#292a27}.hero-secondary{color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff9e;border:1px solid #12121224}.hero-secondary:hover{background:#ffffffd1;border-color:#1212123d}.creation-grid,.result-view{width:min(1240px,100%);margin-inline:auto}.composer-card,.settings-card,.editor-card,.visual-card,.voice-learning-card{box-shadow:var(--shadow-card);background:#ffffffbd;border-color:#12121213}.mode-tabs{background:#f5f5f2c7}.mode-tab.is-active{box-shadow:0 8px 24px #12121211}.record-button{background:#171816;box-shadow:0 18px 46px #12121233,0 0 0 12px #ff5a320f}.record-button:hover{background:#292a27}.orbit{border-color:#ff5a3233}.orbit-two{border-color:#7a46e82e}.platform-chip.is-active{color:var(--ink);background:#f5f5f2;border-color:#12121233}.platform-chip.is-active span{background:var(--ink)}.generate-button,.copy-button{background:#171816}.generate-button:hover:not(:disabled){background:#292a27}.progress-view{z-index:0;isolation:isolate;background:#ffffffd1;border:1px solid #1212120e;border-radius:34px;padding:48px 24px;position:relative;overflow:hidden}.progress-view:before{z-index:-1;content:"";filter:blur(46px);background:linear-gradient(110deg,#ff975357,#ff48224d,#7a46e847);border-radius:50%;width:480px;height:230px;position:absolute;transform:rotate(-16deg)}.progress-core{background:#171816;box-shadow:0 24px 55px #1212122e,0 0 0 14px #ffffff4d}.progress-track span{background:linear-gradient(90deg,#ff6b3d,#f1482f 46%,#7a46e8)}.editor-toolbar,.visual-heading{background:#fafaf78f}.platform-tabs button.is-active{background:#171816}.generated-image{box-shadow:inset 0 0 0 1px #ffffff3d,0 18px 42px #1212121a}.mobile-nav{background:#131412f0}@media (max-width:1080px){.creation-heading{min-height:440px}.creation-heading h1{max-width:880px;font-size:clamp(54px,8vw,82px)}}@media (max-width:760px){:root{--radius-lg:22px}body{padding:7px}.app-shell{border-radius:28px;min-height:calc(100dvh - 14px)}.workspace{min-height:calc(100dvh - 14px)}.topbar{border-radius:28px 28px 0 0;min-height:62px}.workspace-content{padding:22px 12px calc(44px + env(safe-area-inset-bottom))}.creation-heading{border-radius:24px;min-height:410px;margin-bottom:18px;padding:46px 14px 40px}.creation-heading:before{filter:blur(27px);opacity:.7;width:92%;height:180px;transform:rotate(-16deg)skew(-10deg)}.creation-heading:after{width:96%;height:180px;box-shadow:0 0 50px 30px #ffffff80}.creation-heading .eyebrow{font-size:10px}.creation-heading h1{margin:20px 0 18px;font-size:clamp(42px,12.5vw,56px);line-height:.92}.creation-heading p{max-width:34rem;font-size:14px;line-height:1.58}.hero-actions{width:100%;margin-top:22px}.hero-actions button{min-height:48px;padding-inline:17px}.quick-ideas button,.style-chip,.platform-tabs button,.rewrite-actions button{min-height:44px}.style-chip,.rewrite-actions button,.platform-tabs button,.more-images,.voice-learning-card p,.idea-brief>span,.preset-option small,.stage-item{font-size:11px}.url-input-wrap input,.advanced-panel select,.editor-body textarea{font-size:16px}.progress-view{border-radius:24px;min-height:calc(100dvh - 194px);padding:34px 14px}.progress-visual{width:156px;height:156px;margin-bottom:20px}.progress-view h1{max-width:19rem;font-size:clamp(38px,11vw,50px);line-height:.96}.progress-view>p{font-size:14px}.progress-track{width:min(100%,420px);margin-top:26px}.stage-list{text-align:left;flex-direction:column;align-items:stretch;gap:8px;width:min(100%,292px)}.stage-item{min-height:28px}.result-header{gap:14px;margin-bottom:22px}.result-header h1{font-size:clamp(42px,12vw,50px)}.editor-toolbar{gap:8px}.platform-tabs{overscroll-behavior-x:contain;scrollbar-width:none}.platform-tabs::-webkit-scrollbar{display:none}.editor-meta{flex-wrap:wrap;gap:6px 12px}.mobile-nav{display:none}}@media (max-width:440px){.mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.mode-tab{flex-basis:auto;min-width:0}.composer-card{min-height:520px}.creation-heading{min-height:430px}.result-status{min-height:44px;font-size:11px}.voice-learning-card{gap:14px}}.app-workspace-shell .workspace-content{padding-top:clamp(20px,2.4vw,34px)}.app-workspace-shell .creation-heading{text-align:left;border-radius:26px;min-height:0;margin-bottom:16px;padding:clamp(26px,3vw,38px);display:block}.app-workspace-shell .creation-heading:before{opacity:.44;width:min(560px,48%);height:190px;top:-62px;left:auto;right:-7%;transform:rotate(-12deg)skew(-10deg)}.app-workspace-shell .creation-heading:after{width:min(610px,52%);height:205px;top:-78px;left:auto;right:-13%;transform:rotate(8deg)}.app-workspace-shell .creation-heading h1{max-width:760px;margin:12px 0 10px;font-size:clamp(40px,4.2vw,60px);line-height:.94}.app-workspace-shell .creation-heading p{max-width:600px;font-size:13px}@media (min-width:761px) and (max-width:1023px){.app-workspace-shell{display:block}.app-workspace-shell .sidebar{display:none}.app-workspace-shell .workspace{min-height:calc(100dvh - 28px)}.app-workspace-shell .mobile-brand{display:flex}.app-workspace-shell .working-title,.app-workspace-shell .credit-pill{display:none}.app-workspace-shell .workspace-content{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.app-workspace-shell .mobile-nav{right:24px;bottom:max(20px, env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#131412f0;border:1px solid #ffffff80;border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));min-height:70px;padding:7px;display:grid;position:fixed;left:24px;box-shadow:0 20px 55px #14131240}.app-workspace-shell .mobile-nav button{cursor:pointer;color:#96928b;background:0 0;border:0;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;font-size:9px;font-weight:700;display:flex}.app-workspace-shell .mobile-nav button.is-active{color:#ff9b7c;background:#ffffff1a}}@media (max-width:760px){.app-workspace-shell .workspace-content{padding:16px 12px calc(104px + env(safe-area-inset-bottom))}.app-workspace-shell .creation-heading{border-radius:22px;min-height:0;margin-bottom:14px;padding:24px 20px}.app-workspace-shell .creation-heading:before{opacity:.38;width:92%;height:170px;top:-38px;right:-34%}.app-workspace-shell .creation-heading:after{width:96%;height:190px;top:-60px;right:-38%}.app-workspace-shell .creation-heading h1{margin:12px 0 10px;font-size:clamp(36px,10.5vw,46px)}.app-workspace-shell .creation-heading p{max-width:32rem;font-size:13px}.app-workspace-shell .mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}