@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff)format("woff")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lora-latin-400-normal-DnxXpLNu.woff2)format("woff2"),url(/assets/lora-latin-400-normal-DBJS-Hc6.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:Noto Serif SC;src:url(/assets/noto-serif-sc-chinese-simplified-400-normal-DfFx0pwf.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Noto Sans SC;src:url(/assets/noto-sans-sc-chinese-simplified-400-normal-Ba7eOkfT.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Ma Shan Zheng;src:url(/assets/ma-shan-zheng-chinese-simplified-400-normal-oozDy_Is.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{color:#29352e;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#293a32;--pine:#253b33;--pine-light:#426052;--sage:#879487;--muted:#797f75;--paper:#f3f0e8;--card:#fbfaf6;--line:#e4dfd4;--gold:#bd9565;--gold-light:#dfc49b;--terracotta:#946a5c;--shadow:0 18px 46px #28342b13;background:#f3f0e8;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #bd956585}button:disabled{opacity:.58;cursor:not-allowed}a{color:inherit}.app-shell{min-height:100vh;position:relative;overflow:hidden}.ambient{pointer-events:none;z-index:0;filter:blur(2px);opacity:.45;position:fixed}.ambient-one{background:radial-gradient(circle,#cdbea242,#0000 67%);border-radius:50%;width:420px;height:420px;top:110px;right:-230px}.ambient-two{background:radial-gradient(circle,#93a59333,#0000 69%);border-radius:50%;width:350px;height:350px;bottom:140px;left:-220px}.topbar,.main-content,.mobile-nav,.toast-message,.storage-alert{z-index:1;position:relative}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f4ecdb;border-bottom:1px solid #404d421a;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,76px);display:flex}.brand-lockup{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.brand-mark{border-radius:12px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden;box-shadow:0 4px 12px #233b3129}.brand-mark img{width:100%;height:100%;display:block}.brand-name-wrap{flex-direction:column;gap:1px;display:flex}.brand-name-wrap strong{letter-spacing:.08em;color:var(--ink);font-size:18px;font-weight:700;line-height:1.1}.brand-name-wrap small{color:#82867a;letter-spacing:.16em;font-size:10px}.desktop-nav{align-items:center;gap:8px;margin-left:auto;margin-right:38px;display:flex}.nav-link{color:#747b71;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 15px;font-size:13px;transition:all .2s;display:flex}.nav-link:hover{color:var(--pine);background:#3951430f}.nav-link.active{color:var(--pine);background:#e7e9df;font-weight:600}.topbar-actions{align-items:center;gap:12px;display:flex}.local-badge{color:#617665;white-space:nowrap;background:#fbfaf6b8;border:1px solid #d9dfd4;border-radius:99px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;display:inline-flex}.install-button{color:#6b5537;cursor:pointer;background:#f8f2e8;border:1px solid #d8c7aa;border-radius:99px;align-items:center;gap:7px;padding:8px 13px;font-size:12px;display:inline-flex}.main-content{width:min(1180px,100% - 56px);margin:0 auto;padding:42px 0 92px}.discover-page,.create-page,.saved-page{animation:.35s both appear}@keyframes appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.eyebrow{letter-spacing:.2em;color:#8b927f;align-items:center;gap:8px;font-size:9px;font-weight:600;display:inline-flex}.eyebrow-dot{background:var(--gold);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #bd956524}.hero-intro{grid-template-columns:minmax(0,1.08fr) minmax(330px,.78fr);align-items:center;gap:clamp(42px,8vw,110px);padding:36px clamp(8px,3vw,46px) 74px;display:grid}.hero-copy h1,.page-intro h1{color:var(--ink);letter-spacing:-.065em;margin:21px 0 18px;font-size:clamp(35px,4.2vw,56px);font-weight:500;line-height:1.34}.hero-copy h1 em,.page-intro h1 em{color:#718172;font-style:normal;font-weight:400}.hero-copy>p,.page-intro>p{color:#797e73;letter-spacing:.025em;max-width:490px;margin:0;font-size:14px;line-height:1.95}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;display:flex}.primary-button,.secondary-button,.text-button{cursor:pointer;justify-content:center;align-items:center;gap:9px;transition:all .2s;display:inline-flex}.primary-button{color:#f8f5ed;background:var(--pine);border:1px solid var(--pine);border-radius:8px;padding:12px 19px;font-size:13px;box-shadow:0 8px 18px #253b3321}.primary-button:hover:not(:disabled){background:#345247;transform:translateY(-1px);box-shadow:0 11px 21px #253b332b}.text-button{color:#667362;background:0 0;border:0;padding:8px 2px;font-size:12px}.text-button:hover{color:var(--pine)}.hero-note{color:#8b9086;align-items:center;gap:7px;margin-top:25px;font-size:11px;display:flex}.hero-note svg{color:#829582}.hero-art-card{isolation:isolate;color:#f0eadd;background:linear-gradient(155deg,#31473d 0%,#273c34 48%,#1e302a 100%);border-radius:5px;justify-self:center;width:100%;max-width:410px;min-height:380px;padding:24px 30px 22px;position:relative;overflow:hidden;box-shadow:16px 18px 0 -8px #d8d2c4,0 25px 60px #23352c38}.hero-art-card:before{content:"";z-index:-1;border:1px solid #decca82e;position:absolute;inset:18px}.hero-art-card:after{content:"";z-index:-1;border:1px solid #dcc69f3b;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-138px;right:-105px;box-shadow:0 0 0 18px #dcc69f0a,0 0 0 45px #dcc69f0a}.art-card-top{color:#f3eddea6;letter-spacing:.16em;justify-content:space-between;font-size:10px;display:flex}.art-index{color:#e2c8a0ba}.hero-quote-mark{color:#d5b27e;opacity:.8;margin-top:48px;font-family:Georgia,serif;font-size:64px;line-height:.7}.hero-quote-text{letter-spacing:.13em;margin:2px 0 0;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(25px,3vw,34px);font-weight:400;line-height:1.8;position:relative}.hero-quote-credit{color:#f4eddcba;letter-spacing:.06em;align-items:center;gap:10px;margin-top:17px;font-size:11px;display:flex}.hero-quote-credit span{background:#c7a370;width:22px;height:1px;display:block}.art-card-footer{color:#f4eddc8a;letter-spacing:.16em;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;bottom:27px;left:30px;right:30px}.art-card-footer button{color:#e9dec9;cursor:pointer;background:#efe2ca1a;border:1px solid #efe2ca30;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.hero-art-sun{z-index:-1;background:#ceaa70c7;border-radius:50%;width:69px;height:69px;position:absolute;top:99px;right:58px;box-shadow:0 0 0 15px #cfae770e,0 0 0 32px #cfae770a}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding:0 4px 20px;display:flex}.section-heading h2,.preview-heading h2{letter-spacing:-.035em;color:var(--ink);margin:8px 0 0;font-size:22px;font-weight:500}.section-link{margin-bottom:4px}.quote-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:22px;display:grid}.quote-card{background:#fbfaf6c7;border:1px solid #e6e1d6;flex-direction:column;min-height:236px;padding:20px 22px 17px;transition:all .22s;display:flex;position:relative}.quote-card:hover{border-color:#c8cabb;transform:translateY(-2px);box-shadow:0 11px 22px #2d362d0e}.quote-card-top{justify-content:space-between;align-items:center;display:flex}.quote-number{letter-spacing:.14em;color:#a5a597;font-size:9px}.icon-button{color:#97998e;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;transition:all .18s;display:inline-grid}.icon-button:hover{color:var(--pine);background:#efeee7}.icon-button.is-favorite{color:#a86757}.quote-card-zh{white-space:pre-line;color:var(--ink);letter-spacing:.08em;margin:8px 0 7px;font-family:Noto Serif SC,Songti SC,serif;font-size:20px;line-height:1.75}.quote-card-en{color:#7d8177;margin:0 0 20px;font-family:Lora,Georgia,serif;font-size:12px;line-height:1.65}.quote-card-bottom{color:#8a8b80;border-top:1px solid #ece8df;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;font-size:10px;display:flex}.quote-card-bottom button{color:#788374;cursor:pointer;background:0 0;border:1px solid #e5e1d7;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.quote-card-bottom button:hover{background:#e7e9df;border-color:#e7e9df}.collection-footer{color:#929387;align-items:center;gap:8px;margin:23px 2px 0;font-size:10px;display:flex}.collection-footer svg{color:#a78e67}.collection-footer a{color:#768575;text-underline-offset:3px;margin-left:auto;-webkit-text-decoration:underline #c8cabc;text-decoration:underline #c8cabc}.page-intro{padding:18px 4px 32px}.page-intro h1{margin:14px 0 8px;font-size:clamp(32px,3.6vw,45px)}.page-intro>p{font-size:12px}.compact-intro{padding-bottom:29px}.editor-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:28px;display:grid}.editor-stack{flex-direction:column;gap:15px;min-width:0;display:flex}.editor-card{background:#fbfaf6e0;border:1px solid #e4dfd4;padding:21px 23px 22px;box-shadow:0 5px 17px #232f2706}.editor-card-heading{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.step-index{color:#b19469;letter-spacing:.08em;border:1px solid #e4d7c1;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-family:Georgia,serif;font-size:10px;display:grid}.editor-card-heading h2{color:var(--ink);align-items:center;gap:8px;margin:1px 0 4px;font-size:15px;font-weight:600;display:flex}.editor-card-heading h2 svg{color:#778777}.editor-card-heading p{color:#929287;margin:0;font-size:10px;line-height:1.65}.suggestion-row{flex-wrap:wrap;gap:7px;margin:-2px 0 20px;display:flex}.suggestion-chip{color:#73796f;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#f8f7f2;border:1px solid #e6e1d6;border-radius:99px;align-items:center;gap:4px;max-width:100%;padding:7px 11px;font-size:10px;display:inline-flex;overflow:hidden}.suggestion-chip span{color:#bd9b6f}.suggestion-chip.selected{color:#3e5a49;background:#ebeee6;border-color:#b8c3b2}.custom-chip{color:#8a775a;background:#f9f4ea;border-color:#e6d8c0}.field-topline{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.field-label{color:#4e5b51;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.field-label svg{color:#889685}.soft-caption{color:#a2a397;font-size:9px}.language-tabs{border-bottom:1px solid #e8e4db;align-items:center;gap:15px;display:flex;position:relative}.language-tabs>button{color:#93958b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:5px;margin-bottom:-1px;padding:9px 3px;font-size:11px;display:inline-flex}.language-tabs>button.active{color:#3d5847;border-color:#8f9b88;font-weight:600}.language-tabs>button svg{color:#819383}.empty-dot{background:#d9d7ce;border-radius:50%;width:6px;height:6px;display:inline-block}.language-tabs-hint{color:#a3a499;margin-left:auto;font-size:9px}.quote-textarea{resize:vertical;color:#344239;background:#fbfaf7;border:1px solid #e4e0d6;border-top:0;border-radius:0 0 5px 5px;outline:none;width:100%;min-height:100px;padding:14px 13px;font-size:14px;line-height:1.75}.quote-textarea:focus{border-color:#b8c3b2;box-shadow:inset 0 0 0 1px #b8c3b2}.quote-textarea::placeholder{color:#b7b6ab}.form-row{align-items:center;gap:17px;margin-top:14px;display:flex}.form-row label{color:#7c8177;flex:none;width:84px;font-size:10px}.form-row label span{color:#a8a79a;margin-left:3px;font-size:9px}.form-row input{color:#48564a;background:0 0;border:0;border-bottom:1px solid #e5e0d6;outline:0;width:100%;min-width:0;padding:8px 0;font-size:11px}.form-row input::placeholder{color:#b7b5aa}.form-row input:focus{border-color:#829483}.display-language-row{color:#73796f;border-top:1px solid #eeebe3;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:15px;font-size:10px;display:flex}.segmented-control{background:#eeece5;border-radius:99px;gap:2px;padding:3px;display:inline-flex}.segmented-control button{color:#898a7f;cursor:pointer;background:0 0;border:0;border-radius:99px;padding:6px 13px;font-size:10px}.segmented-control button.active{color:#3e5747;background:#fbfaf6;box-shadow:0 1px 4px #222b2217}.inline-warning{color:#a66f50;background:#f8efe5;border-radius:4px;margin:11px 0 0;padding:8px 10px;font-size:10px}.font-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.font-choice{text-align:left;cursor:pointer;background:#f8f7f2;border:1px solid #e6e1d6;min-height:82px;padding:12px 10px 9px;transition:all .18s;position:relative}.font-choice:hover{border-color:#c5c9b8}.font-choice.selected{background:#f3f4ec;border-color:#8d9b8a;box-shadow:inset 0 0 0 1px #8d9b8a}.font-sample{white-space:nowrap;text-overflow:ellipsis;color:#465349;margin-bottom:8px;font-size:15px;display:block;overflow:hidden}.font-meta{color:#808377;justify-content:space-between;align-items:baseline;gap:3px;display:flex}.font-meta strong{color:#566458;font-size:10px;font-weight:600}.font-meta small{color:#a2a094;font-size:8px}.font-check{color:#748775;position:absolute;top:7px;right:7px}.control-group{margin-top:18px}.control-label-row{color:#73796f;justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.control-label-row span{color:#7c8b78;font-family:Georgia,serif;font-size:12px}.font-size-group input[type=range]{accent-color:#566e5d;cursor:pointer;width:100%;height:3px}.range-caption{color:#aaa99e;justify-content:space-between;margin-top:2px;font-size:8px;display:flex}.control-columns{grid-template-columns:1fr 1fr;gap:20px;margin-top:9px;display:grid}.control-label{color:#73796f;margin-bottom:9px;font-size:10px;display:block}.text-color-row,.align-buttons{align-items:center;gap:9px;display:flex}.text-color-swatch{cursor:pointer;border:2px solid #fbfaf6;border-radius:50%;outline:1px solid #ddd9ce;width:22px;height:22px}.text-color-swatch.selected{outline-offset:2px;outline:2px solid #879482}.align-buttons button{color:#9a9b90;cursor:pointer;background:0 0;border:1px solid #e5e1d7;place-items:center;width:28px;height:26px;display:grid}.align-buttons button:first-child{border-radius:4px 0 0 4px}.align-buttons button:last-child{border-radius:0 4px 4px 0}.align-buttons button+button{margin-left:-10px}.align-buttons button.active{color:#405b49;z-index:1;background:#e9ece4;border-color:#b9c4b5}.position-buttons{gap:7px;display:flex}.position-buttons button{color:#8a8d82;cursor:pointer;background:0 0;border:1px solid #e4e0d6;padding:7px 12px;font-size:9px}.position-buttons button.active{color:#405b49;background:#e9ece4;border-color:#b7c2b3}.background-tabs{background:#f0eee7;border-radius:6px;align-items:center;gap:5px;margin:-2px 0 17px;padding:4px;display:flex}.background-tabs>button,.upload-tab{color:#85877d;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1;min-width:0;padding:8px 5px;font-size:9px}.background-tabs>button.active,.upload-tab.active{color:#455d4b;background:#fbfaf6;font-weight:600;box-shadow:0 1px 4px #28322814}.upload-tab{justify-content:center;align-items:center;gap:5px;display:inline-flex;position:relative;overflow:hidden}.upload-tab input{opacity:0;width:1px;height:1px;position:absolute}.swatch-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.color-option,.gradient-option{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.color-option>span,.gradient-option>span{border:2px solid #fbfaf6;border-radius:50%;outline:1px solid #383f3414;width:28px;height:28px;display:block}.color-option.selected>span,.gradient-option.selected>span{outline-offset:2px;outline:2px solid #7e927e}.color-option small,.gradient-option small{color:#949589;white-space:nowrap;font-size:8px}.gradient-option>span{border-radius:7px;width:39px;height:27px}.pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.pattern-option{color:#828578;cursor:pointer;background:#fbfaf6;border:1px solid #e4dfd4;flex-direction:column;align-items:center;gap:6px;padding:4px 4px 7px;font-size:9px;display:flex;position:relative}.pattern-option>span{aspect-ratio:1.05;background-position:50%;background-size:cover;width:100%}.pattern-option.selected{color:#526a58;border-color:#899a89;box-shadow:0 0 0 1px #899a89}.pattern-option>svg{color:#fbfaf6;filter:drop-shadow(0 1px 2px #00000073);position:absolute;top:7px;right:7px}.local-image-note{color:#6e7c6e;background:#f1f2eb;border:1px solid #e1e5dc;align-items:center;gap:10px;padding:11px 12px;font-size:10px;display:flex}.local-image-note>span{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.local-image-note small{color:#8b9388;font-size:9px}.local-image-note button{color:#8b9188;cursor:pointer;background:0 0;border:0;padding:5px}.size-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.size-option{color:#808277;cursor:pointer;background:#faf9f5;border:1px solid #e4e0d6;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:85px;padding:10px 5px 7px;display:flex;position:relative}.size-option.selected{color:#455c4b;background:#f0f2eb;border-color:#8c9a89;box-shadow:inset 0 0 0 1px #8c9a89}.size-mini-phone{border:1.4px solid #9aa194;border-radius:4px;width:16px;height:27px;max-height:30px}.size-option-copy{flex-direction:column;align-items:center;gap:2px;display:flex}.size-option-copy strong{white-space:nowrap;font-size:8px;font-weight:500}.size-option-copy small{color:#a2a194;white-space:nowrap;font-size:7px}.size-ratio{color:#879283;font-size:8px}.size-option>svg{color:#6d866e;position:absolute;top:4px;right:4px}.preview-column{min-width:0}.preview-sticky{box-shadow:var(--shadow);background:#f9f8f2d4;border:1px solid #e2ded2;padding:19px 18px 15px;position:sticky;top:24px}.preview-heading{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.preview-heading .eyebrow{font-size:8px}.preview-heading h2{margin-top:4px;font-size:19px}.preview-size-label{color:#858778;border:1px solid #e2ddcf;border-radius:99px;padding:5px 8px;font-size:9px}.phone-stage{background:#eae6dc;border-radius:4px;flex-direction:column;align-items:center;padding:18px 0 15px;display:flex}.phone-frame{background:#18241e;border-radius:27px;width:min(100%,248px);padding:7px;position:relative;box-shadow:0 13px 25px #202b2330}.phone-camera{z-index:2;background:#141d18b8;border-radius:99px;width:37px;height:9px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.wallpaper-canvas-wrap{background:#e5e1d6;border-radius:21px;width:100%;position:relative;overflow:hidden}.wallpaper-canvas-wrap canvas{width:100%;height:100%;display:block}.canvas-status{text-align:center;color:#71766c;background:#f4f0e8d1;place-items:center;padding:20px;font-size:10px;line-height:1.6;display:grid;position:absolute;inset:0}.canvas-error{color:#996b50}.preview-dimensions{color:#919185;letter-spacing:.04em;margin-top:11px;font-size:9px}.preview-language-switch{color:#777d72;justify-content:space-between;align-items:center;margin:14px 0 11px;font-size:10px;display:flex}.preview-language-switch .segmented-control button{padding:5px 11px}.preview-actions{flex-direction:column;gap:8px;display:flex}.export-button{width:100%;padding:12px}.secondary-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.secondary-button{color:#667164;background:#fbfaf6;border:1px solid #dfded4;border-radius:5px;padding:9px 11px;font-size:10px}.secondary-button:hover{color:var(--pine);background:#f0f1e9;border-color:#c6cdbf}.secondary-button.liked{color:#a86757;background:#faf2ee;border-color:#e2c9bf}.manual-wallpaper-note{color:#878a7f;border-bottom:1px solid #e9e5dc;align-items:flex-start;gap:8px;margin-top:6px;padding:10px 0 9px;font-size:9px;line-height:1.6;display:flex}.manual-wallpaper-note svg{color:#899787;flex:none;margin-top:1px}.storage-status{color:#879284;align-items:center;gap:6px;margin-top:10px;font-size:8px;display:flex}.storage-status svg{color:#839486}.storage-warning{color:#a67553}.source-link{color:#99978a;align-items:center;gap:2px;margin-top:9px;font-size:9px;text-decoration:none;display:inline-flex}.source-link:hover{color:#5f7563}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.saved-tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:22px;display:flex}.saved-tabs button{color:#898c80;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:12px;font-size:11px;display:inline-flex}.saved-tabs button.active{color:#3f5a49;border-color:#778b77;font-weight:600}.saved-tabs button span{background:#eeece4;border-radius:99px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;display:inline-grid}.saved-quotes{padding-top:0}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.history-card{background:#fbfaf6db;border:1px solid #e2ded3;overflow:hidden}.history-canvas{background:#e9e5da;justify-content:center;padding:14px;display:flex}.history-canvas .wallpaper-canvas-wrap{border-radius:5px;width:min(100%,155px);box-shadow:0 4px 13px #1b251d29}.history-info{padding:13px 14px 14px}.history-info>span{color:#9b9a8e;font-size:9px}.history-info>p{color:#424f44;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:38px;margin:7px 0 11px;font-family:Noto Serif SC,serif;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.history-buttons{justify-content:space-between;align-items:center;display:flex}.history-buttons .secondary-button{padding:7px 10px}.empty-state{text-align:center;background:#fbfaf680;border:1px dashed #d8d5ca;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:30px 20px;display:flex}.empty-state-icon{color:#8b9a89;background:#e8ebe3;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.empty-state h2{color:#46564a;margin:15px 0 5px;font-size:15px;font-weight:500}.empty-state p{color:#929388;max-width:320px;margin:0 0 15px;font-size:10px;line-height:1.8}.local-privacy-card{color:#788676;background:#edf0e8b8;border:1px solid #e2e5dc;align-items:flex-start;gap:12px;margin-top:28px;padding:16px 18px;display:flex}.local-privacy-card>svg{flex:none;margin-top:2px}.local-privacy-card strong{color:#526654;font-size:11px;font-weight:600}.local-privacy-card p{color:#83897e;margin:5px 0 0;font-size:9px;line-height:1.8}.mobile-nav{display:none}.toast-message{z-index:10;color:#f4f0e7;background:#263c33;border-radius:7px;justify-content:space-between;align-items:center;gap:15px;min-width:min(480px,100% - 32px);max-width:620px;padding:12px 14px 12px 16px;font-size:11px;line-height:1.55;animation:.2s both toast-in;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #1f2f2640}.toast-message button{color:#c9d0c5;cursor:pointer;background:0 0;border:0;place-items:center;padding:3px;display:grid}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.storage-alert{z-index:8;color:#885d46;background:#f7ece2;border:1px solid #ead5c3;border-radius:5px;align-items:center;gap:7px;padding:9px 12px;font-size:9px;display:flex;position:fixed;bottom:21px;right:20px}@media (width<=980px){.main-content{width:min(100% - 40px,780px);padding-top:28px}.hero-intro{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:35px;padding:29px 5px 56px}.hero-art-card{min-height:350px;padding-left:25px;padding-right:25px}.editor-layout{grid-template-columns:minmax(0,1fr) 315px;gap:17px}.editor-card{padding:18px}.font-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.font-meta{flex-direction:column;gap:2px}.swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:13px}}@media (width<=760px){.topbar{height:65px;padding:0 18px}.desktop-nav{display:none}.topbar-actions{margin-left:auto}.local-badge{padding:6px 9px;font-size:9px}.local-badge svg{width:12px;height:12px}.install-button{padding:7px 9px;font-size:10px}.main-content{width:min(100% - 32px,600px);padding:22px 0 106px}.hero-intro{flex-direction:column;align-items:stretch;gap:29px;padding:21px 3px 43px;display:flex}.hero-copy h1{margin:16px 0 11px;font-size:clamp(34px,9vw,45px)}.hero-copy>p{max-width:440px;font-size:12px;line-height:1.8}.hero-actions{gap:14px;margin-top:18px}.primary-button{padding:11px 15px;font-size:12px}.text-button{font-size:11px}.hero-note{margin-top:17px;font-size:9px}.hero-art-card{width:min(100%,390px);min-height:325px;padding:22px 26px}.hero-quote-mark{margin-top:39px}.hero-quote-text{font-size:27px}.art-card-footer{bottom:23px;left:26px;right:26px}.section-heading h2{font-size:19px}.quote-grid{gap:10px;padding-top:14px}.quote-card{min-height:218px;padding:15px 14px 13px}.quote-card-zh{letter-spacing:.04em;font-size:17px}.quote-card-en{font-size:10px;line-height:1.55}.quote-card-bottom{font-size:8px}.collection-footer{flex-wrap:wrap;font-size:9px;line-height:1.6}.collection-footer a{margin-left:24px}.page-intro{padding:10px 2px 21px}.page-intro h1{margin:11px 0 5px;font-size:clamp(31px,8vw,40px)}.page-intro>p{font-size:10px}.editor-layout{flex-direction:column;gap:13px;display:flex}.editor-stack{order:2;width:100%}.preview-column{order:1;width:100%}.preview-sticky{grid-template-columns:minmax(0,1fr) minmax(128px,43%);align-items:start;column-gap:13px;padding:13px 13px 12px;display:grid;position:relative;top:auto}.preview-heading{grid-column:1/-1;margin:0 0 10px}.preview-heading h2{font-size:15px}.phone-stage{grid-area:2/1/span 4;padding:10px}.phone-frame{border-radius:18px;width:min(100%,190px);padding:5px}.phone-camera{width:27px;height:6px;top:7px}.wallpaper-canvas-wrap{border-radius:14px}.preview-dimensions{margin-top:7px;font-size:7px}.preview-language-switch{grid-area:2/2;margin:1px 0 7px;font-size:8px;display:block}.preview-language-switch .segmented-control{margin-top:5px}.preview-language-switch .segmented-control button{padding:5px 9px;font-size:8px}.preview-actions{grid-area:3/2;gap:6px}.export-button{gap:5px;padding:9px 5px;font-size:10px}.export-button svg{width:14px}.secondary-actions{grid-template-columns:1fr;gap:5px}.secondary-button{padding:7px 5px;font-size:9px}.manual-wallpaper-note{grid-area:4/2;margin-top:5px;padding:7px 0;font-size:8px}.manual-wallpaper-note svg{width:13px}.storage-status{grid-area:5/1/auto/-1;margin-top:7px;font-size:8px}.source-link{grid-area:6/1/auto/-1;margin-top:6px}.editor-card{padding:16px 14px}.editor-card-heading{gap:9px;margin-bottom:14px}.editor-card-heading h2{font-size:13px}.editor-card-heading p{font-size:9px}.step-index{width:26px;height:26px;font-size:9px}.suggestion-chip{padding:6px 8px;font-size:8px}.language-tabs{gap:10px}.language-tabs>button{font-size:10px}.language-tabs-hint{font-size:8px}.quote-textarea{min-height:88px;font-size:13px}.form-row{margin-top:10px}.display-language-row{margin-top:13px;padding-top:12px}.font-choice{min-height:76px;padding:10px 7px 7px}.font-sample{font-size:12px}.font-meta strong{font-size:9px}.font-meta small{font-size:7px}.pattern-grid{gap:6px}.pattern-option{font-size:8px}.pattern-option>span{aspect-ratio:.95}.size-list{gap:5px}.size-option{min-height:76px;padding:8px 3px}.size-option-copy strong{font-size:7px}.size-option-copy small{font-size:6px}.size-ratio{font-size:7px}.saved-page .quote-grid{padding-top:0}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.history-canvas{padding:9px}.history-info{padding:10px}.history-info>p{font-size:10px}.mobile-nav{z-index:5;padding:7px 10px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9f8f2f2;border-top:1px solid #444e4221;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#929489;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:48px;font-size:8px;display:flex;position:relative}.mobile-nav button.active{color:#3d5b48}.mobile-nav button.active:before{content:"";background:#708873;border-radius:0 0 3px 3px;width:25px;height:2px;position:absolute;top:-7px}.mobile-nav button i{color:#fff;background:#a76c5c;border-radius:50%;place-items:center;width:14px;height:14px;font-size:8px;font-style:normal;display:grid;position:absolute;top:4px;left:calc(50% + 9px)}.toast-message{bottom:calc(74px + env(safe-area-inset-bottom));font-size:10px}.storage-alert{bottom:calc(77px + env(safe-area-inset-bottom));font-size:8px;left:10px;right:10px}}@media (width<=410px){.main-content{width:calc(100% - 24px)}.topbar{padding:0 13px}.brand-mark{width:34px;height:34px}.brand-name-wrap strong{font-size:16px}.hero-intro{padding-left:0;padding-right:0}.hero-copy h1{font-size:33px}.quote-grid{grid-template-columns:1fr}.quote-card{min-height:194px}.quote-card-zh{font-size:19px}.collection-footer a{margin-left:24px}.preview-sticky{grid-template-columns:minmax(0,1fr) minmax(118px,43%);column-gap:9px;padding:11px 10px}.phone-stage{padding:8px}.font-choice-grid{gap:5px}.font-choice{padding-left:5px;padding-right:5px}.font-meta small{letter-spacing:-.04em}.background-tabs>button,.upload-tab{font-size:8px}.size-option-copy small{letter-spacing:-.04em}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}