/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.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,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--cream:#fbf4e8;--paper:#fffdf8;--ink:#2f2925;--muted:#776b63;--line:#eadfce;--accent:#d8753c;--accent-dark:#aa532c;--accent-soft:#f6dfcb;--sage:#567567;--sage-soft:#dce8df;--danger:#b94738;--shadow:0 18px 52px #5138251a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.65}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}:is(button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible){outline-offset:3px;outline:3px solid #d8753c47}.site-header{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8eb;border-bottom:1px solid #eadfcecc;height:76px;position:sticky;top:0}.site-header-inner{align-items:center;gap:40px;width:min(1180px,100% - 40px);height:100%;margin:auto;display:flex}.brand{align-items:center;gap:12px;margin-right:auto;display:inline-flex}.brand>span:last-child{flex-direction:column;line-height:1.2;display:flex}.brand strong{letter-spacing:.02em;font-size:18px}.brand small{color:var(--muted);letter-spacing:.16em;margin-top:4px;font-size:10px}.brand-mark{background:#fff;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:2px;width:39px;height:39px;padding:3px;display:grid;transform:rotate(-3deg);box-shadow:0 3px 12px #51382521}.brand-mark i{background:var(--accent);border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff47}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4),.brand-mark i:nth-child(6),.brand-mark i:nth-child(8){background:#e8b863}.brand-mark i:nth-child(5){background:var(--sage)}.desktop-nav{align-items:center;gap:6px;display:flex}.desktop-nav a{color:#655a53;padding:9px 13px;font-size:14px;font-weight:600;position:relative}.desktop-nav a:after{content:"";background:var(--accent);border-radius:1px;width:0;height:2px;transition:all .2s;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink)}.desktop-nav a.active:after{width:22px}.header-profile{border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.header-profile span{background:var(--accent-soft);width:25px;height:25px;color:var(--accent-dark);border-radius:50%;place-items:center;display:grid}.header-profile em{font-style:normal}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 20px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-button{background:var(--accent);color:#fff;box-shadow:0 8px 20px #d8753c38}.primary-button:hover{background:#ca6833;transform:translateY(-1px);box-shadow:0 10px 24px #d8753c4d}.secondary-button{border-color:var(--line);color:#514741;background:#fff}.secondary-button:hover{background:#fdf7ee;border-color:#d9c8b5}.primary-button:disabled,.secondary-button:disabled{opacity:.48;pointer-events:none;box-shadow:none}.primary-button.large,.secondary-button.large{border-radius:14px;min-height:53px;padding:0 25px}.primary-button.compact,.secondary-button.compact{border-radius:9px;min-height:36px;padding:0 13px;font-size:13px}.secondary-button.danger{color:var(--danger)}.text-button{color:var(--accent-dark);cursor:pointer;background:0 0;border:0;padding:3px 0;font-weight:700}.text-link{color:var(--accent-dark);font-weight:750}.eyebrow{color:var(--accent-dark);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800;display:inline-block}.home-hero{grid-template-columns:minmax(0,1fr) minmax(480px,.92fr);align-items:center;gap:58px;width:min(1180px,100% - 40px);min-height:690px;margin:auto;padding:76px 0 82px;display:grid}.home-hero-copy h1{letter-spacing:-.045em;margin:22px 0;font-size:clamp(45px,5vw,70px);line-height:1.08}.home-hero-copy h1 em{color:var(--accent);font-style:normal;position:relative}.home-hero-copy h1 em:after{z-index:-1;content:"";background:#f4d5a6;border-radius:50%;height:11px;position:absolute;bottom:3px;left:1%;right:1%;transform:rotate(-1deg)}.hero-kicker{background:var(--sage-soft);color:#446253;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.hero-kicker i{background:#5b9273;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #5b927326}.home-hero-copy>p{color:#655a53;max-width:610px;font-size:17px;line-height:1.85}.hero-actions{gap:12px;margin:32px 0;display:flex}.hero-proof{color:var(--muted);gap:27px;font-size:13px;display:flex}.hero-proof span{align-items:baseline;gap:5px;display:flex}.hero-proof b{color:var(--ink);font-size:20px}.hero-visual{background:#f6ead8;border-radius:36px;height:515px;position:relative;box-shadow:inset 0 0 0 1px #87634814}.hero-visual:before,.hero-visual:after{content:"";filter:blur(2px);border-radius:50%;position:absolute}.hero-visual:before{background:#d8753c17;width:120px;height:120px;top:25px;right:25px}.hero-visual:after{background:#56756717;width:170px;height:170px;bottom:8px;left:6px}.hero-source-card,.hero-pattern-card{z-index:2;background:#fff;border-radius:20px;padding:12px;position:absolute;box-shadow:0 17px 45px #51382526}.hero-source-card{width:205px;top:95px;left:22px;transform:rotate(-3deg)}.hero-pattern-card{width:244px;top:66px;right:21px;transform:rotate(2.5deg)}.hero-source-card p,.hero-pattern-card p{justify-content:space-between;align-items:center;margin:10px 4px 2px;line-height:1.2;display:flex}.hero-source-card p span,.hero-pattern-card p span{font-size:12px;font-weight:750}.hero-source-card p small,.hero-pattern-card p small{color:var(--muted);font-size:9px}.source-landscape{background:linear-gradient(#9bc2be 0 49%,#e1c696 50%);border-radius:12px;height:220px;position:relative;overflow:hidden}.source-landscape>i{background:#ffe6a7;border-radius:50%;width:55px;height:55px;position:absolute;top:14px;left:12px}.source-landscape>b,.source-landscape>em{border-bottom:125px solid #7c9676;border-left:75px solid #0000;border-right:75px solid #0000;width:0;height:0;position:absolute;bottom:0}.source-landscape>b{left:-43px}.source-landscape>em{border-bottom-color:#5f816e;right:-50px}.source-landscape>span{background:#e58862;border-radius:45px 45px 22px 22px;width:74px;height:92px;position:absolute;bottom:27px;left:50%;transform:translate(-50%);box-shadow:inset 0 12px #6c4d3d}.hero-pattern-grid{background:#fff;border:5px solid #eadbc5;border-radius:12px;grid-template-columns:repeat(10,1fr);gap:1px;padding:3px;display:grid}.hero-pattern-grid i{aspect-ratio:1;border:1px solid #3c30281f;border-radius:3px;place-items:center;font-style:normal;display:grid}.hero-pattern-grid i span{font-size:4px;font-weight:800}.hero-pattern-grid .bead-empty{background:#f3eee5}.hero-pattern-grid .bead-o{color:#fff;background:#6f5345}.hero-pattern-grid .bead-y{background:#e6a858}.hero-pattern-grid .bead-p{background:#f1d8b5}.hero-pattern-grid .bead-r{color:#fff;background:#d8753c}.hero-pattern-grid .bead-g{color:#fff;background:#72907d}.hero-arrow{z-index:4;color:var(--accent-dark);flex-direction:column;align-items:center;font-size:25px;font-weight:800;display:flex;position:absolute;top:43%;left:47%;transform:translate(-50%,-50%)}.hero-arrow span{letter-spacing:.08em;background:#fff9;border-radius:999px;padding:3px 9px;font-size:9px}.floating-color-card,.floating-count-card{z-index:5;background:#fff;align-items:center;display:flex;position:absolute;box-shadow:0 10px 30px #51382526}.floating-color-card{border-radius:14px;gap:9px;padding:11px 15px;bottom:48px;left:88px}.floating-color-card>i{background:#f0dfbd;border-radius:9px;width:32px;height:32px;box-shadow:inset 0 0 0 1px #0000000f}.floating-color-card span{flex-direction:column;line-height:1.3;display:flex}.floating-color-card b{font-size:10px}.floating-color-card small{color:var(--muted);font-size:8px}.floating-count-card{border-radius:12px;flex-direction:column;align-items:flex-start;padding:10px 17px;line-height:1.15;bottom:96px;right:8px}.floating-count-card b{color:var(--accent-dark);font-size:18px}.floating-count-card span{color:var(--muted);font-size:8px}.brand-strip{border-block:1px solid var(--line);color:#887b72;background:#faf6ef;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(18px,3.2vw,48px);min-height:88px;padding:18px 30px;display:flex}.brand-strip span{color:#a39489;letter-spacing:.13em;font-size:11px}.brand-strip b{color:#71655e;font-size:14px}.home-section{width:min(1120px,100% - 40px);margin:auto;padding:104px 0}.section-heading{margin-bottom:40px}.section-heading h2{letter-spacing:-.035em;margin:9px 0 10px;font-size:clamp(30px,3.3vw,45px);line-height:1.22}.section-heading p{max-width:620px;color:var(--muted);margin:0}.centered-heading{text-align:center}.centered-heading p{margin-inline:auto}.workflow-section{padding-bottom:120px}.workflow-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.workflow-grid article{border:1px solid var(--line);background:#fff;border-radius:24px;padding:32px;position:relative}.workflow-grid article>span{color:#dfd0c0;font-family:Georgia,serif;font-size:36px;font-weight:700;position:absolute;top:22px;right:25px}.workflow-grid h3{margin:22px 0 7px;font-size:19px}.workflow-grid p{color:var(--muted);margin:0;font-size:14px}.workflow-icon{background:var(--cream);border-radius:22px;place-items:center;width:82px;height:82px;display:grid}.upload-workflow i{border:2px dashed var(--accent);width:38px;height:38px;color:var(--accent);border-radius:10px;place-items:center;font-style:normal;font-weight:800;display:grid}.palette-workflow{grid-template-columns:repeat(3,13px);align-content:center;gap:4px}.palette-workflow i{background:var(--accent);border-radius:50%;width:13px;height:13px;box-shadow:inset 0 0 0 2px #ffffff80}.palette-workflow i:nth-child(2){background:#e8b863}.palette-workflow i:nth-child(3){background:#77a098}.palette-workflow i:nth-child(4){background:#8e6d5b}.palette-workflow i:nth-child(5){background:#bf7690}.result-workflow{grid-template-columns:repeat(3,15px);align-content:center;gap:2px}.result-workflow i{background:#e8b863;border:1px solid #725b49;width:15px;height:15px}.result-workflow i:nth-child(odd){background:#77a098}.feature-showcase{background:var(--cream);border-radius:35px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:86px;width:min(1180px,100% - 40px);padding-inline:45px;display:grid}.feature-copy h2{margin:10px 0 18px;font-size:clamp(32px,3.6vw,48px);line-height:1.17}.feature-copy>p{color:var(--muted)}.feature-copy ul{margin:27px 0;padding:0;list-style:none}.feature-copy li{align-items:baseline;gap:12px;padding:9px 0;display:flex}.feature-copy li b{min-width:88px;color:var(--sage)}.feature-copy li span{color:var(--muted);font-size:13px}.material-demo{box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:18px;transform:rotate(1deg)}.material-demo-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 10px 18px;display:flex}.material-demo-head b{color:var(--accent-dark);font-size:12px}.material-demo-row{border-bottom:1px solid #f0e8dc;grid-template-columns:35px 42px 1fr 55px 90px;align-items:center;gap:8px;padding:14px 10px;font-size:12px;display:grid}.material-demo-row i{border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 1px #00000010}.material-demo-row span,.material-demo-row small{color:var(--muted)}.material-demo-row em{font-style:normal;font-weight:700}.tools-section{padding-top:130px}.tools-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tools-grid a{border:1px solid var(--line);background:#fff;border-radius:20px;min-height:250px;padding:27px;transition:all .22s}.tools-grid a:hover{box-shadow:var(--shadow);border-color:#d9beaa;transform:translateY(-5px)}.tools-grid a>span{color:var(--accent-dark);letter-spacing:.13em;font-size:11px;font-weight:800}.tools-grid h3{margin:30px 0 11px;font-size:20px}.tools-grid p{min-height:68px;color:var(--muted);font-size:13px}.tools-grid a>b{color:var(--sage);font-size:13px}.faq-section{width:min(860px,100% - 40px)}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:23px 8px;font-weight:750;list-style:none}.faq-list summary:after{float:right;color:var(--accent);content:"+";font-size:21px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list p{max-width:760px;color:var(--muted);margin:-5px 8px 23px;font-size:14px}.home-cta{color:#fff;background:#416254;border-radius:30px;justify-content:space-between;align-items:center;gap:30px;width:min(1120px,100% - 40px);min-height:245px;margin:15px auto 110px;padding:45px 58px;display:flex;overflow:hidden}.home-cta .eyebrow{color:#f1c390}.home-cta h2{margin:8px 0;font-size:38px;line-height:1.2}.home-cta p{color:#dce8df;margin:0}.workspace-page,.content-page,.article-page{width:min(1180px,100% - 40px);margin:auto;padding:62px 0 110px}.workspace-title,.page-hero{max-width:790px;margin-bottom:42px}.workspace-title h1,.page-hero h1,.article-page header h1{letter-spacing:-.04em;margin:8px 0 12px;font-size:clamp(35px,4.5vw,55px);line-height:1.16}.workspace-title p,.page-hero p,.article-page header>p{color:var(--muted);margin:0;font-size:16px}.compact-hero{max-width:850px;margin-bottom:35px}.generator-layout{grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr);align-items:start;gap:24px;display:grid}.workspace-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:28px;box-shadow:0 8px 30px #5138250d}.upload-card{position:sticky;top:100px}.card-title-row{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.card-title-row>div{align-items:center;gap:10px;display:flex}.card-title-row>div>span{background:var(--accent-soft);width:27px;height:27px;color:var(--accent-dark);border-radius:8px;place-items:center;font-size:10px;font-weight:800;display:grid}.card-title-row h2{margin:0;font-size:19px}.card-title-row>em{background:var(--cream);color:var(--accent-dark);border-radius:7px;padding:4px 9px;font-size:12px;font-style:normal;font-weight:750}.drop-zone{text-align:center;background:#fdf9f3;border:1.5px dashed #d8c6b4;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:30px;transition:all .2s;display:flex}.drop-zone.is-dragging{border-color:var(--accent);background:#fbefe3;transform:scale(.99)}.drop-zone h3{margin:20px 0 2px;font-size:20px}.drop-zone p{color:var(--muted);margin:0 0 18px;font-size:13px}.drop-zone small{color:#9a8d84;margin-top:11px;font-size:10px}.upload-bead-icon{grid-template-columns:repeat(3,1fr);gap:3px;width:72px;height:72px;padding:5px;display:grid;transform:rotate(-4deg)}.upload-bead-icon i{background:var(--accent);border-radius:50%;box-shadow:inset 0 0 0 5px #ffffff50}.upload-bead-icon i:nth-child(2n){background:#e8b863}.upload-bead-icon i:nth-child(5){background:var(--sage)}.source-preview{background:var(--cream);border-radius:18px;position:relative;overflow:hidden}.source-preview>img{object-fit:contain;background:#eee6db;width:100%;max-height:440px;display:block}.source-meta{flex-direction:column;padding:15px 16px 8px;display:flex}.source-meta span{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.source-meta small{color:var(--muted)}.source-preview>button{width:calc(100% - 32px);margin:8px 16px 16px}.privacy-note{color:#4f675b;background:#edf4ef;border-radius:10px;gap:10px;margin-top:17px;padding:12px;font-size:11px;display:flex}.privacy-note b{white-space:nowrap}.field-group{border:0;border-top:1px solid var(--line);margin:0;padding:23px 0}.field-group:first-of-type{border-top:0;padding-top:0}.field-group legend{float:left;width:100%;margin:0 0 13px;font-size:13px;font-weight:800}.field-group legend+*{clear:both}.option-grid{gap:9px;display:grid}.option-grid.three{grid-template-columns:repeat(3,1fr)}.option-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;min-height:94px;padding:12px;display:flex}.option-card b{font-size:13px}.option-card span{color:var(--accent-dark);font-size:11px}.option-card small{color:var(--muted);font-size:9px}.option-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fff9f4}.algorithms .option-card{min-height:70px}.library-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-height:196px;padding-right:3px;display:grid;overflow:auto}.library-chip{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:11px;align-items:center;gap:8px;min-width:0;padding:9px;display:flex}.library-chip>i{color:#715b4c;background:#eee3d5;border-radius:8px;flex:none;place-items:center;width:29px;height:29px;font-size:11px;font-style:normal;font-weight:800;display:grid}.library-chip span{flex-direction:column;min-width:0;line-height:1.25;display:flex}.library-chip b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.library-chip small{color:var(--muted);font-size:8px}.library-chip.active{border-color:var(--accent);background:#fff8f2}.library-chip.active>i{background:var(--accent);color:#fff}.quick-size-row{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:15px;display:grid}.quick-size-row button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;min-height:34px;font-size:10px;font-weight:700}.quick-size-row button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.range-line{min-height:44px;color:var(--muted);grid-template-columns:52px 1fr 56px;align-items:center;gap:10px;font-size:11px;display:grid}.range-line input{width:100%;accent-color:var(--accent)}.range-line b{color:var(--ink);text-align:right}.toggle-line,.toggle-card{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;display:flex}.toggle-line{width:100%;padding:10px 0}.toggle-line>i,.toggle-card>i{background:#d9d2c9;border-radius:999px;flex:none;width:36px;height:21px;transition:all .2s;position:relative}.toggle-line>i:after,.toggle-card>i:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0002}.toggle-line.active>i,.toggle-card.active>i{background:var(--sage)}.toggle-line.active>i:after,.toggle-card.active>i:after{transform:translate(15px)}.toggle-line span,.toggle-card span{flex-direction:column;display:flex}.toggle-line b,.toggle-card b{font-size:11px}.toggle-line small,.toggle-card small{color:var(--muted);font-size:8px}.finished-size{background:var(--cream);color:var(--muted);border-radius:10px;align-items:center;gap:5px;margin-top:8px;padding:11px 12px;font-size:11px;display:flex}.finished-size b{color:var(--accent-dark)}.finished-size span{margin-left:auto;font-size:9px}.switch-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.toggle-card{border:1px solid var(--line);border-radius:10px;min-height:70px;padding:10px}.toggle-card.active{background:#f7faf7;border-color:#adc2b6}.toggle-card>i{width:28px;height:17px}.toggle-card>i:after{width:11px;height:11px}.toggle-card.active>i:after{transform:translate(11px)}.error-message{color:#8e3d31;background:#fff0ed;border-radius:11px;flex-direction:column;gap:3px;margin:12px 0;padding:13px 15px;font-size:12px;display:flex}.error-message.centered{text-align:center;align-items:center;max-width:560px;margin:60px auto;padding:30px}.error-message.centered button{margin-top:12px}.generate-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:63px;padding:8px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #d8753c3d}.generate-button:disabled{opacity:.55;cursor:not-allowed}.generate-button span{z-index:2;font-weight:800;position:relative}.generate-button small{z-index:2;opacity:.75;font-size:9px;position:relative}.generate-button>i{z-index:1;background:#6e381c47;transition:width .25s;position:absolute;top:0;bottom:0;left:0}.seo-inline-section{margin-top:70px}.seo-inline-section h2{text-align:center;font-size:28px}.seo-intro{max-width:780px;color:var(--muted);text-align:center;margin:0 auto 24px}.seo-feature-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.seo-feature-grid article{background:var(--cream);border-radius:15px;padding:22px}.seo-feature-grid p{color:var(--muted);margin:5px 0 0;font-size:12px}.seo-guide-links{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:15px;display:grid}.seo-guide-links article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:24px}.seo-guide-links h3{margin:0 0 8px;font-size:18px}.seo-guide-links p{min-height:58px;color:var(--muted);margin:0 0 14px;font-size:12px}.seo-guide-links a{color:var(--accent-dark);font-size:12px;font-weight:700}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#251f1bbf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.crop-modal{background:#fffdf8;border-radius:22px;width:min(580px,100%);max-height:calc(100vh - 40px);padding:25px;overflow:auto;box-shadow:0 25px 80px #0005}.modal-heading{justify-content:space-between;gap:15px;margin-bottom:18px;display:flex}.modal-heading h2{margin:5px 0 0;font-size:20px}.icon-button,.modal-close{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:38px;height:38px;font-size:22px}.crop-viewport{cursor:grab;touch-action:none;width:min(100%,420px);box-shadow:0 0 0 3px var(--accent);background:#302b28;border-radius:10px;margin:auto;position:relative;overflow:hidden}.crop-viewport:active{cursor:grabbing}.crop-viewport>img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;top:50%;left:50%}.crop-grid{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 100vmax #00000014}.crop-grid i{background:#ffffff73;position:absolute}.crop-grid i:first-child,.crop-grid i:nth-child(2){width:1px;top:0;bottom:0}.crop-grid i:first-child{left:33.33%}.crop-grid i:nth-child(2){left:66.66%}.crop-grid i:nth-child(3),.crop-grid i:nth-child(4){height:1px;left:0;right:0}.crop-grid i:nth-child(3){top:33.33%}.crop-grid i:nth-child(4){top:66.66%}.crop-zoom{width:min(100%,420px);margin:18px auto 0}.crop-tip{color:var(--muted);text-align:center;margin:5px 0 18px;font-size:11px}.modal-actions{justify-content:flex-end;gap:9px;display:flex}.workspace-backline{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px;display:flex}.result-shell{border:1px solid var(--line);background:#fff;border-radius:24px;min-width:0;padding:29px}.result-heading{justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:22px;display:flex}.result-heading h1{margin:4px 0;font-size:28px}.result-heading p{color:var(--muted);margin:0;font-size:12px}.title-with-action{align-items:center;gap:12px;display:flex}.result-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.result-toolbar{background:var(--cream);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.segmented-control{background:#e9ddce;border-radius:9px;padding:3px;display:flex}.segmented-control button{cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:32px;padding:0 13px;font-size:11px;font-weight:700}.segmented-control button.active{background:#fff;box-shadow:0 2px 8px #5b46361c}.zoom-control{align-items:center;gap:3px;display:flex}.zoom-control button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:32px;height:32px}.zoom-control b{text-align:center;min-width:48px;font-size:11px}.export-wrap{margin-left:auto;position:relative}.export-menu{z-index:12;border:1px solid var(--line);width:210px;box-shadow:var(--shadow);background:#fff;border-radius:11px;padding:6px;position:absolute;top:calc(100% + 7px);right:0}.export-menu button{cursor:pointer;text-align:left;background:#fff;border:0;border-radius:7px;width:100%;padding:9px 10px;font-size:11px}.export-menu button:hover{background:var(--cream)}.pattern-scroller{overscroll-behavior:contain;background:#e9e1d7;border-radius:14px;max-width:100%;max-height:min(68vh,700px);margin-top:16px;overflow:auto}.canvas-wrap{justify-content:center;align-items:center;width:max-content;min-width:100%;min-height:360px;padding:18px;display:flex;position:relative}.canvas-wrap canvas{cursor:crosshair;image-rendering:auto;background:#fff;display:block;box-shadow:0 8px 24px #59433524}.cell-popover{z-index:5;color:#fff;background:#2f2925;border-radius:11px;flex-direction:column;align-self:flex-end;min-width:190px;padding:12px 32px 12px 14px;font-size:11px;display:flex;position:sticky;bottom:12px;right:12px;box-shadow:0 8px 20px #0004}.cell-popover button{color:#fff;cursor:pointer;background:#fff2;border:0;border-radius:50%;width:20px;height:20px;position:absolute;top:7px;right:7px}.cell-popover span{color:#ddd0c5}.materials-panel{border-top:1px solid var(--line);margin-top:25px;padding-top:23px}.compact-heading{justify-content:space-between;align-items:flex-end;margin-bottom:4px;display:flex}.compact-heading h2{margin:3px 0;font-size:20px}.material-hint{color:var(--muted);margin:0 0 14px;font-size:10px}.material-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.material-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;grid-template-columns:35px 1fr auto;align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.material-card>i{border-radius:50%;width:31px;height:31px;box-shadow:inset 0 0 0 1px #00000016}.material-card>span,.material-card>em{flex-direction:column;min-width:0;line-height:1.35;display:flex}.material-card b{font-size:11px}.material-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.material-card>em{text-align:right;font-size:10px;font-style:normal;font-weight:700}.material-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fff7f0}.result-shell.is-fullscreen{z-index:80;background:#f4eee6;border:0;border-radius:0;flex-direction:column;padding:16px;display:flex;position:fixed;inset:0}.result-shell.is-fullscreen .result-heading{flex:none;padding:6px 8px 12px}.result-shell.is-fullscreen .result-toolbar{flex:none}.result-shell.is-fullscreen .pattern-scroller{flex:auto;max-height:none}.result-shell.is-fullscreen .canvas-wrap{min-height:100%}.narrow-workspace{width:min(820px,100% - 40px)}.manual-config{max-width:720px;margin:auto}.manual-sizes{grid-template-columns:repeat(5,1fr)}.manual-editor-page{background:#f3ece3;min-height:calc(100vh - 76px)}.manual-topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8f2;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;min-height:66px;padding:10px 22px;display:grid;position:sticky;top:76px}.manual-topbar>div{align-items:center;gap:8px;display:flex}.manual-topbar>div:first-child span{color:var(--muted);font-size:10px}.manual-topbar>div:last-child{justify-content:flex-end}.manual-editor-layout{grid-template-columns:250px minmax(0,1fr) 230px;align-items:start;display:grid}.palette-panel{border-right:1px solid var(--line);background:#fff;flex-direction:column;padding:18px;display:flex}.editor-tool-group{background:var(--cream);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:16px;padding:5px;display:grid}.editor-tool-group button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:53px;padding:5px 3px;display:flex}.editor-tool-group button.active{border-color:var(--line);color:var(--accent-dark);background:#fff;box-shadow:0 3px 10px #59433512}.editor-tool-group b{font-size:11px}.editor-tool-group small{color:var(--muted);font-size:8px}.palette-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.palette-heading h2{margin:2px 0 0;font-size:19px}.eraser{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;min-height:34px;padding:0 11px;font-size:11px}.eraser.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.search-input{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:0 13px}.search-input:focus{border-color:var(--accent)}.palette-list{margin-top:10px;padding-right:3px}.palette-color{cursor:pointer;text-align:left;background:#fff;border:1px solid #0000;border-radius:8px;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;width:100%;padding:7px;display:grid}.palette-color:hover{background:var(--cream)}.palette-color.active{border-color:var(--accent);background:#fff8f2}.palette-color>i{border-radius:7px;width:28px;height:28px;box-shadow:inset 0 0 0 1px #0001}.palette-color span{flex-direction:column;line-height:1.25;display:flex}.palette-color b{font-size:10px}.palette-color small{color:var(--muted);font-size:8px}.palette-color em{background:var(--sage-soft);min-width:23px;height:21px;color:var(--sage);border-radius:7px;place-items:center;font-size:8px;font-style:normal;font-weight:800;display:grid}.manual-canvas-panel{min-width:0;padding:16px}.manual-layer-toolbar{border:1px solid var(--line);background:#fffdf9;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;padding:10px 12px;display:flex}.manual-layer-toolbar>div{align-items:center;gap:10px;min-width:0;display:flex}.manual-layer-toolbar>small{color:var(--muted);text-align:right;font-size:9px}.reference-name{max-width:150px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.reference-opacity{grid-template-columns:auto 110px 36px;align-items:center;gap:7px;font-size:9px;display:grid}.reference-opacity input{width:110px}.reference-opacity b{text-align:right}.danger-text{color:var(--danger)}.selection-toolbar{background:#edf8fd;border:1px solid #a6cce0;border-radius:10px;align-items:center;gap:7px;margin-bottom:9px;padding:8px 10px;font-size:10px;display:flex}.selection-toolbar>b{color:#176d9d;margin-right:3px}.selection-toolbar>button,.selection-arrows button{cursor:pointer;background:#fff;border:1px solid #b7d7e8;border-radius:7px;min-height:30px;padding:0 9px}.selection-toolbar>button:hover,.selection-arrows button:hover{background:#f8fdff;border-color:#72afd0}.selection-move-label{color:var(--muted);margin-left:5px}.selection-arrows{gap:3px;display:flex}.selection-arrows button{width:30px;padding:0;font-size:14px}.selection-toolbar .selection-cancel{color:var(--muted);margin-left:auto}.manual-instruction{align-items:center;gap:10px;margin-bottom:8px;font-size:11px;display:flex}.manual-instruction b{color:var(--accent-dark)}.manual-instruction span{color:var(--muted)}.manual-scroller{box-sizing:border-box;overscroll-behavior:contain;background:#dcd3c7;border:1px solid #cbbfb1;width:100%;min-width:0;max-width:100%;height:clamp(460px,65vh,720px);max-height:none;margin:0;padding:20px;overflow:auto}.manual-canvas-stack{width:max-content;margin:0 auto;line-height:0;position:relative}.manual-reference-image{z-index:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff;position:absolute}.manual-scroller canvas{z-index:2;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;display:block;position:relative;box-shadow:0 8px 24px #59433524}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.layers-panel{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0;margin:16px 16px 16px 0;padding:15px;position:sticky;top:158px}.layers-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.layers-heading h2{margin:2px 0 0;font-size:18px}.layers-heading>button{border:1px solid var(--accent);background:var(--accent-soft);min-height:34px;color:var(--accent-dark);cursor:pointer;border-radius:8px;padding:0 10px;font-size:10px;font-weight:800}.layers-panel>p{color:var(--muted);margin:10px 0 12px;font-size:9px;line-height:1.6}.layers-list{flex-direction:column;gap:8px;display:flex}.layer-item{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.layer-item.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.layer-select{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:43px 1fr;align-items:center;gap:8px;width:100%;padding:8px;display:grid}.layer-select>span:last-child{flex-direction:column;min-width:0;display:flex}.layer-select b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.layer-select small{color:var(--muted);font-size:8px}.layer-preview{color:#4b4038;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border:1px solid #dfd3c7;border-radius:6px;place-items:center;width:43px;height:34px;font-size:8px;font-weight:800;display:grid}.layer-preview.hidden{opacity:.45}.layer-actions{border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}.layer-actions button{border:0;border-right:1px solid var(--line);cursor:pointer;background:#fffdf9;min-width:0;min-height:29px;padding:0 2px;font-size:8px}.layer-actions button:last-child{border-right:0}.layer-actions button:hover:not(:disabled){background:var(--cream)}.layer-actions button:disabled{opacity:.35;cursor:not-allowed}.palette-list{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;max-height:clamp(280px,100vh - 410px,620px);overflow-y:auto}.palette-list::-webkit-scrollbar{width:0;height:0;display:none}@media (min-width:721px){.manual-editor-layout{align-items:stretch}.manual-scroller{height:clamp(560px,72vh,860px)}.palette-panel{align-self:stretch}.palette-list{flex:1 1 0;min-height:280px;max-height:none}.layers-panel{align-self:start}}.category-tabs{gap:8px;margin-bottom:25px;padding-bottom:6px;display:flex;overflow-x:auto}.category-tabs button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;flex:none;min-height:38px;padding:0 16px;font-size:12px;font-weight:700}.category-tabs button.active{border-color:var(--accent);background:var(--accent);color:#fff}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.gallery-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:17px;padding:0;transition:all .2s;overflow:hidden}.gallery-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.gallery-image-wrap{aspect-ratio:1;background:var(--cream);place-items:center;display:grid;overflow:hidden}.gallery-image-wrap img{object-fit:cover;width:100%;height:100%}.gallery-card>span:last-child{flex-direction:column;padding:13px 15px;display:flex}.gallery-card b{font-size:13px}.gallery-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.image-preview-modal{grid-template-rows:1fr auto}.image-preview-modal img{object-fit:contain;background:#fff;border-radius:12px;max-width:min(1100px,90vw);max-height:78vh;box-shadow:0 20px 70px #0006}.image-preview-modal .modal-close{z-index:2;position:fixed;top:24px;right:24px}.image-preview-modal .primary-button{margin-top:12px}.loading-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.loading-grid i{aspect-ratio:1;background:linear-gradient(90deg,#eee5d9 25%,#faf6ef 45%,#eee5d9 65%) 0 0/400% 100%;border-radius:17px;animation:1.5s infinite shimmer}@keyframes shimmer{to{background-position:-120% 0}}.empty-state{text-align:center;flex-direction:column;align-items:center;max-width:600px;margin:60px auto;padding:50px 25px;display:flex}.empty-state h2{margin:15px 0 3px}.empty-state p{color:var(--muted);margin:0 0 20px}.empty-beads{display:flex}.empty-beads i{background:var(--accent);border-radius:50%;width:26px;height:26px;margin-left:-4px;box-shadow:inset 0 0 0 6px #fff5}.empty-beads i:nth-child(2n){background:#e8b863}.empty-beads i:nth-child(3){background:var(--sage)}.history-toolbar{grid-template-columns:1fr auto;gap:10px;margin-bottom:24px;display:grid}.history-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.history-card{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:1fr auto;display:grid;position:relative;overflow:hidden}.history-open{cursor:pointer;text-align:left;background:#fff;border:0;grid-template-columns:120px 1fr;gap:14px;padding:12px;display:grid}.history-thumb{background:var(--cream);border-radius:10px;place-items:center;width:120px;height:100px;display:grid;position:relative;overflow:hidden}.history-thumb img{object-fit:cover;width:100%;height:100%}.history-thumb>em{color:#fff;background:#2f2925cc;border-radius:5px;padding:2px 6px;font-size:8px;font-style:normal;position:absolute;top:6px;left:6px}.history-placeholder{color:var(--accent-dark);font-size:25px;font-weight:800}.history-placeholder small{color:var(--muted);margin:0 4px}.history-info{flex-direction:column;justify-content:center;min-width:0;display:flex}.history-info b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-info small{color:var(--muted);font-size:9px}.delete-button{border:0;border-left:1px solid var(--line);width:55px;color:var(--danger);cursor:pointer;background:#fff;font-size:10px}.delete-button:hover{background:#fff0ed}.profile-page{width:min(760px,100% - 40px)}.profile-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:30px}.profile-avatar-wrap{align-items:center;gap:18px;margin-bottom:30px;display:flex}.profile-avatar-wrap>div{flex-direction:column;display:flex}.profile-avatar-wrap>div b{font-size:20px}.profile-avatar-wrap>div span{color:var(--muted);font-size:11px}.profile-avatar{background:var(--accent-soft);width:82px;height:82px;color:var(--accent-dark);cursor:pointer;border:0;border-radius:50%;padding:0;font-size:25px;font-weight:800;position:relative;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar i{color:#fff;background:#2f2925b8;padding:3px;font-size:8px;font-style:normal;position:absolute;inset:auto 0 0}.profile-field{flex-direction:column;gap:7px;margin-bottom:17px;display:flex}.profile-field span{font-size:12px;font-weight:750}.profile-field input{border:1px solid var(--line);border-radius:10px;min-height:47px;padding:0 13px}.full-button{width:100%}.profile-local-note{background:var(--cream);border-radius:12px;margin-top:20px;padding:15px}.profile-local-note b{font-size:11px}.profile-local-note p{color:var(--muted);margin:3px 0 0;font-size:10px}.profile-links{border:1px solid var(--line);background:#fff;border-radius:17px;flex-direction:column;margin-top:17px;display:flex}.profile-links a{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;padding:16px 18px;display:grid}.profile-links a:last-child{border-bottom:0}.profile-links span{font-weight:700}.profile-links small{color:var(--muted);grid-row:2}.profile-links b{color:var(--accent);grid-area:1/2/span 2;align-self:center;font-size:24px}.guide-hub .page-hero{max-width:900px}.guide-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.guide-grid a{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;min-height:260px;padding:27px;display:flex}.guide-grid a:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.guide-grid span{color:var(--accent-dark);letter-spacing:.1em;font-size:10px;font-weight:800}.guide-grid h2{margin:35px 0 10px;font-size:22px;line-height:1.35}.guide-grid p{color:var(--muted);font-size:12px}.guide-grid b{color:var(--sage);margin-top:auto;font-size:12px}.guide-quick-tips{background:var(--cream);border-radius:25px;margin-top:80px;padding:38px}.guide-quick-tips h2{margin-top:0;font-size:28px}.guide-quick-tips ol{counter-reset:tip;grid-template-columns:repeat(2,1fr);gap:13px 35px;padding:0;list-style:none;display:grid}.guide-quick-tips li{counter-increment:tip;flex-direction:column;padding:12px 12px 12px 47px;display:flex;position:relative}.guide-quick-tips li:before{width:33px;height:33px;color:var(--accent-dark);content:counter(tip);background:#fff;border-radius:10px;place-items:center;font-weight:800;display:grid;position:absolute;top:12px;left:0}.guide-quick-tips span{color:var(--muted);font-size:11px}.article-page{width:min(900px,100% - 40px)}.article-page header{border-bottom:1px solid var(--line);padding:40px 0 35px}.article-page header nav{color:var(--muted);gap:7px;margin-top:22px;font-size:10px;display:flex}.article-page header nav b{text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.article-page article{max-width:760px;padding:30px 0;font-size:15px}.article-page article h2{margin:48px 0 13px;font-size:27px;line-height:1.3}.article-page article p{color:#625750}.article-page article li{color:#625750;margin:9px 0}.article-page article li b{color:var(--ink)}.guide-table{border:1px solid var(--line);border-radius:13px;margin:20px 0;overflow:hidden}.guide-table>div{border-bottom:1px solid var(--line);grid-template-columns:100px 1.4fr 1fr;padding:11px 15px;display:grid}.guide-table>div:first-child{background:var(--cream)}.guide-table>div:last-child{border-bottom:0}.guide-table span{color:var(--muted);font-size:12px}.article-cta{color:#fff;background:#416254;border-radius:20px;margin-top:55px;padding:28px}.article-cta h2{margin-top:0!important}.article-cta p{color:#dce8df!important}.article-cta>div{gap:9px;display:flex}.format-list{gap:8px;display:grid}.format-list div{background:var(--cream);border-radius:10px;justify-content:space-between;gap:20px;padding:13px 15px;display:flex}.format-list span{color:var(--muted);font-size:12px}.brand-guide-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.brand-guide-grid div{border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;padding:17px;display:grid}.brand-guide-grid span{color:var(--accent-dark);font-size:10px;font-weight:700}.brand-guide-grid p{grid-column:1/-1;margin-bottom:0;font-size:11px}.site-footer{border-top:1px solid var(--line);width:min(1180px,100% - 40px);min-height:210px;color:var(--muted);grid-template-columns:1fr auto;gap:40px;margin:auto;padding:50px 0 35px;font-size:11px;display:grid}.site-footer p{margin:3px 0}.footer-brand{color:var(--ink);font-size:16px;font-weight:800}.footer-links{grid-template-columns:repeat(2,auto);align-content:start;gap:5px 30px;display:grid}.footer-links a:hover{color:var(--accent-dark)}.footer-note{grid-column:1/-1;align-self:end}@media (max-width:980px){.desktop-nav{display:none}.home-hero{grid-template-columns:1fr;padding-top:55px}.home-hero-copy{text-align:center;max-width:720px;margin:auto}.home-hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{width:min(560px,100%);margin:auto}.generator-layout{grid-template-columns:1fr}.upload-card{position:static}.source-preview>img{max-height:520px}.feature-showcase{grid-template-columns:1fr;padding:65px 45px}.material-demo{max-width:650px}.tools-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.material-grid{grid-template-columns:repeat(2,1fr)}.manual-topbar{grid-template-columns:1fr auto}.manual-topbar>div:nth-child(2){order:3}.manual-topbar>div:last-child{flex-wrap:wrap;grid-area:1/2/span 2;max-width:330px}.manual-editor-layout{grid-template-columns:230px minmax(0,1fr)}.layers-panel{grid-column:1/-1;margin:0 16px 16px;position:static}.layers-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}@media (max-width:720px){.site-header{height:66px}.site-header-inner{width:calc(100% - 24px)}.brand small,.header-profile em{display:none}.brand-mark{width:34px;height:34px}.header-profile{padding:6px}.home-hero,.workspace-page,.content-page,.article-page{width:calc(100% - 24px)}.home-hero{gap:42px;min-height:0;padding:45px 0 65px}.home-hero-copy h1{font-size:42px}.home-hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-proof{gap:15px}.hero-proof span{flex-direction:column;align-items:center;gap:0}.hero-visual{height:390px}.hero-source-card{width:158px;top:75px;left:7px}.source-landscape{height:165px}.hero-pattern-card{width:185px;top:50px;right:5px}.hero-arrow{top:47%}.floating-color-card{bottom:25px;left:38px}.floating-count-card{bottom:63px;right:4px}.brand-strip{gap:17px}.home-section{width:calc(100% - 24px);padding:72px 0}.workflow-grid,.seo-feature-grid,.seo-guide-links,.guide-grid{grid-template-columns:1fr}.feature-showcase{gap:35px;width:calc(100% - 24px);padding:45px 20px}.material-demo-row{grid-template-columns:30px 37px 1fr 48px}.material-demo-row small{display:none}.tools-grid{grid-template-columns:1fr}.tools-grid a{min-height:200px}.tools-grid p{min-height:auto}.home-cta{flex-direction:column;align-items:flex-start;width:calc(100% - 24px);margin-bottom:75px;padding:35px 25px}.home-cta h2{font-size:31px}.workspace-page,.content-page{padding-top:42px}.workspace-title h1,.page-hero h1,.article-page header h1{font-size:37px}.workspace-card{border-radius:18px;padding:19px}.option-grid.three{grid-template-columns:repeat(3,1fr)}.option-card{padding:9px}.library-grid{grid-template-columns:repeat(2,1fr)}.switch-grid{grid-template-columns:1fr}.toggle-card{min-height:58px}.drop-zone{min-height:330px}.result-shell{padding:15px}.result-heading{flex-direction:column}.result-actions{justify-content:flex-start}.result-toolbar{flex-wrap:wrap}.segmented-control{width:100%}.segmented-control button{flex:1}.export-wrap{margin-left:0}.material-grid{grid-template-columns:1fr}.result-shell.is-fullscreen .result-heading>div:first-child{display:none}.manual-editor-page{min-height:calc(100vh - 66px)}.manual-topbar{z-index:15;grid-template-columns:1fr;padding:8px 12px;top:66px}.manual-topbar>div:nth-child(2){grid-area:auto/1}.manual-topbar>div:last-child{grid-area:auto/1;justify-content:flex-start;max-width:none}.manual-editor-layout{flex-direction:column;display:flex}.palette-panel{border-right:0;border-bottom:1px solid var(--line)}.palette-list{grid-template-columns:repeat(3,1fr);display:grid}.palette-color{grid-template-columns:24px 1fr}.palette-color>i{width:23px;height:23px}.palette-color em{display:none}.manual-canvas-panel{min-height:520px;padding:10px}.manual-layer-toolbar{flex-direction:column;align-items:flex-start}.manual-layer-toolbar>div{flex-wrap:wrap;width:100%}.manual-layer-toolbar>small{text-align:left}.reference-opacity{flex:1;grid-template-columns:auto minmax(85px,1fr) 36px}.reference-opacity input{width:100%}.selection-toolbar{flex-wrap:wrap}.selection-toolbar .selection-cancel{margin-left:0}.manual-instruction{flex-direction:column;align-items:flex-start;gap:2px}.manual-scroller{min-height:460px;padding:12px}.layers-panel{order:3;width:calc(100% - 20px);margin:0 10px 16px}.layers-list{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.history-grid,.history-toolbar{grid-template-columns:1fr}.history-open{grid-template-columns:95px 1fr}.history-thumb{width:95px;height:85px}.profile-card,.guide-quick-tips{padding:22px}.guide-quick-tips ol{grid-template-columns:1fr}.guide-table{overflow-x:auto}.guide-table>div{min-width:600px}.brand-guide-grid{grid-template-columns:1fr}.format-list div{flex-direction:column;gap:3px}.article-cta>div{flex-direction:column}.article-page article{font-size:14px}.site-footer{grid-template-columns:1fr;gap:20px;width:calc(100% - 24px)}.footer-note{grid-column:1}.footer-links{grid-template-columns:1fr 1fr}}.mobile-editor-topbar,.mobile-tool-rail,.mobile-layer-trigger,.mobile-color-dock,.mobile-sheet-heading,.mobile-sheet-backdrop{display:none}@media (max-width:720px){body:has(.manual-editor-page){background:#f3ece3;overflow:hidden}body:has(.manual-editor-page) .site-footer{display:none}.manual-editor-page{height:calc(100dvh - 66px);min-height:0;color:var(--ink);background:#f3ece3;overflow:hidden}.manual-topbar{display:none}.manual-editor-layout{height:100%;display:block}.manual-canvas-panel{background:#f3ece3;height:100%;min-height:0;padding:0 10px 112px;position:relative}.mobile-editor-topbar{z-index:60;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8f2;border-radius:0 0 18px 18px;grid-template-columns:36px 44px minmax(96px,1fr) 42px 44px;align-items:center;gap:5px;height:64px;padding:8px;display:grid;position:sticky;top:0;box-shadow:0 10px 28px #5943351f}.mobile-editor-topbar>button,.mobile-zoom-control button{background:var(--cream);min-width:0;height:40px;color:var(--ink);border:0;border-radius:11px;padding:0;font-size:11px;font-weight:800}.mobile-editor-topbar>button:first-child{color:var(--accent-dark);background:0 0;font-size:30px;font-weight:400}.mobile-editor-topbar>b{color:var(--ink);white-space:nowrap;font-size:14px}.mobile-editor-topbar .mobile-save-button{background:var(--accent);color:#fff}.mobile-zoom-control{background:var(--cream);border-radius:11px;grid-template-columns:32px minmax(48px,1fr) 32px;align-items:center;height:40px;display:grid;overflow:hidden}.mobile-zoom-control button{background:0 0;border-radius:0;font-size:18px}.mobile-zoom-control span{color:var(--muted);text-align:center;font-size:9px}.manual-layer-toolbar{z-index:82;visibility:hidden;border-color:var(--line);background:var(--paper);max-height:70dvh;color:var(--ink);pointer-events:none;border-radius:22px 22px 0 0;flex-direction:column;margin:0;padding:16px;transition:transform .22s,visibility .22s;display:flex;position:fixed;bottom:0;left:12px;right:12px;overflow-y:auto;transform:translateY(110%);box-shadow:0 -18px 55px #59433538}.manual-layer-toolbar.mobile-open{visibility:visible;pointer-events:auto;transform:translateY(0)}.manual-layer-toolbar>div{flex-wrap:wrap;width:100%}.manual-layer-toolbar>small{color:var(--muted);text-align:left}.manual-layer-toolbar .secondary-button{border-color:var(--line);color:var(--ink);background:#fff}.manual-layer-toolbar .reference-opacity{grid-template-columns:auto minmax(100px,1fr) 38px;width:100%}.mobile-sheet-heading{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:12px;display:flex!important}.mobile-sheet-heading>div{flex-direction:column;display:flex}.mobile-sheet-heading b{color:var(--ink);font-size:17px}.mobile-sheet-heading small{color:var(--muted);font-size:9px}.mobile-sheet-heading>button{background:var(--accent-soft);min-height:35px;color:var(--accent-dark);border:0;border-radius:10px;padding:0 13px;font-size:11px;font-weight:800}.palette-panel{z-index:82;visibility:hidden;border:1px solid var(--line);background:var(--paper);width:auto;max-height:74dvh;color:var(--ink);pointer-events:none;border-radius:22px 22px 0 0;padding:16px;transition:transform .22s,visibility .22s;position:fixed;bottom:0;left:12px;right:12px;overflow:hidden;transform:translateY(110%);box-shadow:0 -18px 55px #59433538}.palette-panel.mobile-open{visibility:visible;pointer-events:auto;transform:translateY(0)}.palette-panel .editor-tool-group{display:none}.palette-panel .palette-heading h2{color:var(--ink)}.palette-panel .search-input{border-color:var(--line);color:var(--ink);background:#fff}.palette-panel .search-input::placeholder{color:#a3958b}.palette-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:calc(74dvh - 180px);overflow-y:auto}.palette-color{color:var(--ink);background:0 0;border-color:#0000}.palette-color:hover{background:var(--cream)}.palette-color.active{border-color:var(--accent);background:#fff4e9}.palette-color small{color:var(--muted)}.layers-panel{z-index:82;visibility:hidden;border-color:var(--line);background:var(--paper);width:auto;max-height:74dvh;color:var(--ink);pointer-events:none;border-radius:22px 22px 0 0;margin:0;padding:16px;transition:transform .22s,visibility .22s;position:fixed;bottom:0;left:12px;right:12px;overflow-y:auto;transform:translateY(110%);box-shadow:0 -18px 55px #59433538}.layers-panel.mobile-open{visibility:visible;pointer-events:auto;transform:translateY(0)}.layers-panel>p{color:var(--muted)}.layers-list{grid-template-columns:1fr}.layer-item,.layer-actions button{border-color:var(--line);color:var(--ink);background:#fff}.layer-item.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fff8f2}.layer-select small{color:var(--muted)}.layers-heading>button{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.manual-instruction{display:none}.selection-toolbar{z-index:58;max-height:96px;margin:0;position:fixed;top:140px;left:72px;right:70px;overflow-y:auto;box-shadow:0 8px 24px #5943352b}.manual-scroller{scrollbar-width:none;background:#ddd4c8;border:0;border-radius:0;width:100%;height:calc(100% - 64px);min-height:0;max-height:none;margin:0;padding:72px 22px 150px 72px;overflow:auto}.manual-scroller::-webkit-scrollbar{width:0;height:0;display:none}.manual-canvas-stack{margin:auto}.manual-scroller canvas{box-shadow:0 12px 35px #59433538}.manual-scroller canvas.pan-mode{cursor:grab;touch-action:pan-x pan-y}.mobile-tool-rail{z-index:55;border:1px solid var(--line);scrollbar-width:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8e8;border-radius:18px;flex-direction:column;gap:4px;width:54px;padding:7px;display:flex;position:fixed;top:148px;bottom:112px;left:12px;overflow-y:auto;box-shadow:0 10px 35px #59433538}.mobile-tool-rail::-webkit-scrollbar{display:none}.mobile-tool-rail button{min-width:0;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;flex:0 0 47px;justify-content:center;align-items:center;padding:2px;display:flex}.mobile-tool-rail button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);box-shadow:inset 0 0 0 1px #d8753c20}.mobile-tool-rail button:disabled{opacity:.35}.mobile-tool-rail b{font-size:15px;line-height:1}.mobile-tool-rail small{margin-top:3px;font-size:7px}.mobile-layer-trigger{z-index:55;border:1px solid var(--line);min-width:58px;height:54px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8e8;border-radius:16px;justify-content:center;align-items:center;gap:7px;padding:0 10px;display:flex;position:fixed;top:148px;right:12px;box-shadow:0 10px 30px #59433530}.mobile-layer-trigger b{font-size:15px}.mobile-layer-trigger span{color:var(--accent-dark);font-size:13px;font-weight:800}.mobile-color-dock{z-index:55;border:1px solid var(--line);width:min(330px,100% - 92px);min-height:78px;color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8ed;border-radius:20px;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #59433538}.mobile-color-dock>i{border:3px solid #fff8;border-radius:15px;width:52px;height:52px;box-shadow:inset 0 0 0 1px #0002}.mobile-color-dock>span{text-align:left;flex-direction:column;min-width:0;display:flex}.mobile-color-dock b{font-size:17px}.mobile-color-dock small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.mobile-color-dock strong{background:var(--accent);color:#fff;border-radius:14px;place-items:center;min-height:48px;padding:0 13px;font-size:11px;display:grid}.mobile-sheet-backdrop{z-index:75;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2f292566;border:0;display:block;position:fixed;inset:0}.manual-canvas-panel>.error-message{z-index:57;margin:0;position:fixed;bottom:102px;left:76px;right:76px;box-shadow:0 8px 25px #59433530}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.editor-tool-group{grid-template-columns:repeat(4,1fr)}.guide-toggle.active{color:#9a542f;background:#fff2e2;border-color:#d58b5a}.editor-tool-group button.long-label b{letter-spacing:-.2px;white-space:nowrap;font-size:9px}.reference-controls{flex-direction:column;align-items:stretch;gap:3px;min-width:250px;display:flex}.reference-controls .reference-name{max-width:270px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.25;overflow:hidden}.reference-control-row{align-items:center;gap:8px;display:flex}.manual-seo-section{border:1px solid var(--line);background:#fffdf8;border-radius:24px;width:min(1120px,100% - 40px);margin:44px auto 72px;padding:34px;box-shadow:0 14px 38px #5943350f}.manual-seo-section>div:first-child{max-width:820px}.manual-seo-section h2{color:var(--ink);margin:8px 0 10px;font-size:clamp(25px,3vw,38px)}.manual-seo-section>div:first-child p{color:var(--muted);line-height:1.8}.manual-seo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.manual-seo-grid article{border:1px solid var(--line);background:var(--cream);border-radius:16px;padding:18px}.manual-seo-grid h3{margin:0 0 8px;font-size:16px}.manual-seo-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.manual-seo-links{flex-wrap:wrap;gap:10px;margin:22px 0 0;display:flex}.manual-seo-links a{background:var(--sage-soft);color:var(--sage);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:800}@media (max-width:820px){.manual-seo-section{width:calc(100% - 24px);margin:28px auto 48px;padding:22px 16px}.manual-seo-grid{grid-template-columns:1fr}}@media (max-width:760px){.reference-controls{width:100%;min-width:0}.reference-controls .reference-name{max-width:100%}.reference-control-row{width:100%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}