:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#303e33;background:#f7f6ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:100%;--green: #3e634c;--muted: #778074;--line: #e6e7dc;--paper: #fffef9;--radius: 24px}*{box-sizing:border-box}body{margin:0;min-width:280px;background-image:radial-gradient(#adb49926 .7px,transparent .7px);background-size:10px 10px}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #8a995a;outline-offset:4px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button svg{pointer-events:none}button{border:0}::selection{background:#dbe8cb}.site-shell{max-width:1184px;padding:0 36px;margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:90px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:1.375rem;letter-spacing:.5px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--green);color:#fffdf0;border-radius:13px;transform:rotate(-6deg)}.brand-question{color:#65815b}.header-caption{font-size:.8125rem;color:var(--muted)}.intro{display:flex;align-items:center;justify-content:space-between;padding:36px 4px 30px;gap:20px}.eyebrow{font-size:.75rem;letter-spacing:1.4px;font-weight:600;color:#79826f;display:inline-flex;align-items:center;gap:8px}.tiny-diamond{width:8px;height:11px;background:#81966a;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.intro h1{font-size:2rem;line-height:1.4;font-weight:730;letter-spacing:-1px;margin:11px 0 9px;display:flex;align-items:center;flex-wrap:wrap}.intro h1 span{color:var(--green)}.title-sparkle{color:#b8a569;margin-left:12px;transform:rotate(-10deg)}.intro p:not(.eyebrow){font-size:.9375rem;line-height:1.7;color:#778073}.intro-sticker{position:relative;transform:rotate(8deg);border:1px solid #d8ddbd;border-radius:5px;background:#ecedd3;font-size:.8125rem;line-height:1.7;padding:12px 26px 12px 20px;box-shadow:3px 3px #ebe9dc;margin-right:15px;color:#667343}.intro-sticker strong{font-size:1rem}.intro-sticker svg{position:absolute;right:8px;top:8px;color:#81905b}.scale-bar{display:flex;align-items:center;gap:22px;background:#efeede80;border:1px solid #e6e5d7;border-radius:14px;padding:13px 20px;margin-bottom:24px}.scale-title{display:flex;gap:9px;align-items:center;font-size:.875rem;white-space:nowrap}.scale-title svg{color:#7b876d}.scale-bar p{color:#7c806f;font-size:.8125rem;line-height:1.6}.segmented{display:flex;background:#e3e5d9;padding:4px;border-radius:10px;gap:3px;flex-shrink:0}.segmented button{background:transparent;display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border-radius:7px;font-size:.875rem;white-space:nowrap;color:#7b8172}.segmented button[aria-pressed=true]{background:var(--paper);box-shadow:0 2px 5px #4d533710;color:#3c5c42;font-weight:650}.play-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:24px}.play-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:23px 26px 17px;min-width:0;box-shadow:0 4px 20px #53523c03}.section-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:19px}.small-note{font-size:.75rem;color:var(--muted);line-height:1.7}.category-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.category-tabs button{display:flex;gap:6px;align-items:center;justify-content:center;min-height:46px;border:1px solid #edede3;background:#f9f9f3;border-radius:10px;color:#828779;font-size:.875rem;position:relative}.category-tabs button[aria-selected=true]{color:var(--category-color);border-color:var(--category-color);background:var(--category-tint);box-shadow:0 2px #52624110;font-weight:650}.tab-status{position:absolute;top:3px;right:3px;color:var(--category-color)}.wheel-meta{margin:21px 0 6px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.8125rem}.wheel-meta>span:first-child{display:flex;align-items:center;gap:6px}.category-dot{width:6px;height:6px;border-radius:50%;display:block}.pool-count{font-size:.75rem;color:#87907d;margin-left:4px}.wheel-wrap{position:relative;margin:17px auto 13px;max-width:366px;width:100%;padding:9px}.wheel-rim{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#4e664c;border:3px solid #486142;box-shadow:0 6px #d5dbc8,0 10px 24px #4d634317;padding:5px;isolation:isolate}.wheel-svg{display:block;width:100%;height:100%;border-radius:50%;will-change:transform}.wheel-pointer{position:absolute;z-index:3;left:50%;top:0;transform:translate(-50%);width:26px;height:37px;background:#456040;clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%);filter:drop-shadow(0 2px 0 #fff)}.wheel-pointer:after{content:"";position:absolute;top:5px;left:10px;width:6px;height:6px;background:#fbf6de;border-radius:50%}.wheel-hub{position:absolute;top:50%;left:50%;width:37%;aspect-ratio:1;transform:translate(-50%,-50%);border:6px solid #eeeeda;border-radius:50%;background:#fffdf1;box-shadow:0 2px 10px #33433016;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#486142;pointer-events:none}.wheel-hub>svg{transform:rotate(-12deg)}.wheel-hub strong{font-size:1.0625rem;letter-spacing:1px;font-weight:700;white-space:nowrap}.active-result{text-align:center;min-height:120px;padding:0 4px 10px}.active-result-top{min-height:29px;display:flex;align-items:center;justify-content:center;gap:12px}.current-lock{display:inline-flex;align-items:center;gap:4px;background:transparent;font-size:.75rem;min-height:44px;padding:0 6px;color:#89907f;margin:-7px 0}.current-lock.is-locked{color:var(--green)}.active-result h2{font-size:1.5625rem;line-height:1.45;overflow-wrap:anywhere;font-weight:700;letter-spacing:.2px;margin:4px 0}.active-result p{font-size:.8125rem;color:#7c8375;line-height:1.75;margin:5px auto;max-width:370px}.spin-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}.button{min-height:47px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;font-weight:600;padding:10px 16px;line-height:1.5;transition:background .15s,transform .15s}.button:active:not(:disabled){transform:translateY(1px)}.primary{background:var(--green);color:#fffef4;box-shadow:0 3px #2d4b37}.primary:hover:not(:disabled){background:#32523e}.single-spin{background:#f4f5e9;border:1px solid #dbe0c8;color:#536c48}.single-spin:hover:not(:disabled){background:#ecefdd}.action-note{font-size:.75rem;color:#878a7c;text-align:center;line-height:1.7;min-height:24px;margin-top:14px}.result-card{position:relative;background:var(--paper);border:1px solid var(--line);border-top:4px solid #84966c;border-radius:var(--radius);padding:27px 27px 17px;min-width:0;box-shadow:0 5px 18px #544e3204}.result-card:before{content:"";position:absolute;top:-11px;right:36px;width:78px;height:21px;background:#e9dcb398;transform:rotate(5deg);border-left:2px dotted #f9f7ec;border-right:2px dotted #f9f7ec}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.scope-badge{font-size:.75rem;padding:5px 9px;border:1px solid #dfe4d3;background:#f0f3e6;border-radius:5px;color:#748165}.result-title{display:flex;align-items:center;justify-content:space-between;margin:16px 0 10px}.result-title h2{font-size:1.625rem;letter-spacing:.5px;font-weight:650}.completion{display:flex;gap:5px;align-items:center;color:#8c947f;font-size:.75rem}.card-intro{font-size:.8125rem;color:#85897d;line-height:1.8;max-width:310px}.result-rows{margin-top:16px}.result-row{display:flex;align-items:center;gap:13px;min-height:80px;padding:14px 0;border-bottom:1px solid #eeeee4}.category-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.result-value{flex:1;min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:4px}.result-label{font-size:.75rem;color:#8c9082}.result-value strong{font-size:.9375rem;line-height:1.5;color:#a4a797;font-weight:500;overflow-wrap:anywhere}.has-result .result-value strong{font-size:1.0625rem;color:#3d493b;font-weight:650}.icon-button{display:grid;place-items:center;width:44px;height:44px;background:transparent;color:#8d9482;border-radius:10px;flex-shrink:0}.icon-button:hover:not(:disabled){background:#eff2e6}.lock-button{margin-right:-8px}.lock-button.is-locked{color:#416c49;background:#edf1e3}.challenge-description{background:#f3f4e9;color:#838c73;border-radius:12px;display:flex;align-items:flex-start;gap:10px;padding:16px;margin:22px 0 17px;min-height:79px}.challenge-description svg{margin-top:2px;color:#94a078}.challenge-description p{font-size:.8125rem;line-height:1.85}.challenge-description.is-complete{background:#ecf1e1;color:#526845}.card-actions{display:flex;gap:7px}.card-actions>.button{flex:1;padding:9px 7px;font-size:.8125rem}.secondary{background:#edf0e2;border:1px solid #dce2cc;color:#506448}.quiet{background:transparent;color:#7f8874;border:1px solid #e4e7da}.card-footnote{text-align:center;font-size:.6875rem;color:#929782;margin-top:11px;line-height:1.7}.bottom-note{display:flex;align-items:center;gap:12px;padding:22px 10px;color:#8a8d78}.bottom-note svg{color:#a8a271}.bottom-note p{font-size:.8125rem;line-height:1.8}.bottom-note strong{font-weight:600;color:#687357}footer{border-top:1px solid var(--line);padding:21px 0 26px;display:flex;justify-content:space-between;gap:15px;color:#939884;font-size:.6875rem;line-height:1.8}.swatches{display:inline-flex;gap:5px;align-items:center;margin-top:3px}.swatch-part{display:inline-flex;align-items:center;gap:7px}.swatch{display:inline-block;width:19px;height:19px;border-radius:50%;border:1px solid #00000012}.swatches.detailed{gap:16px;text-align:left;margin:7px 0}.detailed .swatch{width:27px;height:27px;border-radius:7px}.detailed .swatch-part>span:last-child{font-size:.6875rem;color:#737c6b}.detailed small{display:block;font-size:.5625rem;margin-top:1px}.toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:10px;max-width:calc(100% - 28px);width:max-content;pointer-events:none;background:#36513eee;color:#fffef6;font-size:.875rem;line-height:1.65;border-radius:12px;box-shadow:0 5px 25px #26392226;opacity:0;transition:opacity .18s;padding:0}.toast[data-visible=true]{opacity:1;padding:12px 18px}.storage-notice{background:#faf0d9;padding:12px 16px;border:1px solid #e7d8b7;border-radius:12px;font-size:.8125rem;line-height:1.7;margin-bottom:20px;color:#806b42}@media(min-width:1000px){.result-card{position:sticky;top:24px}.wheel-wrap{max-width:362px}}@media(max-width:950px){.site-shell{padding:0 24px}.play-layout{gap:18px;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr)}.play-card{padding:21px 18px 15px}.result-card{padding:24px 19px 17px}.section-heading .small-note{display:none}.category-tabs{gap:5px}.category-tabs button{gap:4px}.category-tabs button svg{width:17px}.scale-bar{gap:14px}.scale-bar p{display:none}.card-actions{flex-direction:column}.result-title h2{font-size:1.4375rem}.wheel-hub strong{font-size:.9375rem}.intro h1{font-size:1.8125rem}}@media(max-width:700px){.site-shell{padding:0 18px}.site-header{min-height:74px}.brand{font-size:1.25rem}.brand-mark{width:36px;height:36px;border-radius:11px}.brand-mark svg{width:24px}.header-caption{display:none}.intro{padding:25px 2px 23px}.intro h1{font-size:1.625rem;letter-spacing:-.8px;margin:9px 0}.intro p:not(.eyebrow){font-size:.875rem}.intro .eyebrow{font-size:.6875rem;letter-spacing:1px}.intro-sticker{display:none}.title-sparkle{width:19px;margin-left:8px}.scale-bar{padding:13px 14px;justify-content:space-between;gap:10px;border-radius:13px;margin-bottom:18px}.scale-title{font-size:.8125rem;gap:6px}.scale-title svg{display:none}.segmented{gap:0;padding:3px}.segmented button{padding:0 10px;font-size:.8125rem;min-height:41px;gap:5px}.segmented button svg{width:15px}.play-layout{grid-template-columns:minmax(0,1fr);gap:23px}.play-card{padding:20px 20px 16px;border-radius:21px}.section-heading{margin-bottom:15px}.section-heading .small-note{display:block;font-size:.6875rem}.section-heading .eyebrow{font-size:.6875rem;letter-spacing:1px}.category-tabs{gap:6px}.category-tabs button{flex-direction:column;gap:5px;min-height:62px;font-size:.8125rem}.category-tabs button svg{width:20px}.category-tabs .tab-status{width:11px}.wheel-meta{margin-top:19px}.wheel-wrap{max-width:350px;margin-top:13px;margin-bottom:12px;padding:7px}.wheel-hub strong{font-size:1rem;letter-spacing:.5px}.wheel-pointer{height:32px;width:23px}.wheel-pointer:after{left:9px;width:5px;height:5px}.active-result{min-height:116px}.active-result h2{font-size:1.5rem}.active-result p{font-size:.8125rem}.spin-actions .button{min-height:49px;font-size:.875rem;padding:10px 8px}.action-note{margin-top:14px;font-size:.6875rem}.result-card{border-radius:21px;padding:24px 22px 17px}.result-title h2{font-size:1.625rem}.result-row{min-height:77px}.card-actions{flex-direction:row}.card-actions .button{font-size:.8125rem}.bottom-note{padding:23px 4px;align-items:flex-start;gap:9px}.bottom-note svg{margin-top:3px}.bottom-note p{font-size:.75rem}footer{flex-direction:column;gap:3px;text-align:center;padding-top:17px}.toast{font-size:.8125rem}.detailed small{font-size:.625rem}.detailed .swatch-part>span:last-child{font-size:.75rem}}@media(max-width:360px){.site-shell{padding:0 12px}.intro h1{font-size:1.4375rem}.title-sparkle{display:none}.intro p:not(.eyebrow){font-size:.8125rem}.scale-bar{padding:11px 9px;gap:5px}.scale-title{font-size:.75rem}.segmented button{font-size:.75rem;padding:0 7px}.segmented button svg{display:none}.play-card{padding:18px 14px 14px}.section-heading .small-note{display:none}.category-tabs{gap:4px}.wheel-meta .small-note{font-size:.6875rem}.wheel-hub{border-width:4px;gap:4px}.wheel-hub strong{font-size:.875rem}.wheel-hub svg{width:24px}.active-result h2{font-size:1.375rem}.result-card{padding:23px 18px 16px}.card-actions .button{font-size:.75rem;gap:5px}.detailed{gap:9px!important}.detailed .swatch{width:22px;height:22px}.result-value strong{font-size:.9375rem}.has-result .result-value strong{font-size:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.header-actions{display:flex;gap:20px;align-items:center}.text-button{background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font-size:.8125rem;color:#78816f;padding:0 4px;border-radius:6px}.text-button:hover:not(:disabled){color:#365b40}.text-button small{font-size:.6875rem;background:#e6ebd9;border-radius:10px;padding:1px 6px;color:#5d7450}.option-link{font-size:.75rem;margin:-9px 0}.below-play{display:flex;align-items:center;gap:16px}.below-play .bottom-note{flex:1}.history-bottom{flex-shrink:0}.budget-rules{margin:0 0 22px;border-top:1px dashed #dedfcd;color:#7b826d;font-size:.8125rem}.budget-rules summary{min-height:44px;cursor:pointer;padding:13px 4px}.budget-rules p{line-height:1.8;max-width:850px;padding:0 4px 8px}.modal{width:640px;max-width:calc(100vw - 40px);max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);padding:0;border:1px solid #dddccd;border-radius:22px;background:#fffef8;color:#354332;box-shadow:0 24px 100px #26332135;overflow:hidden}.modal[open]{display:flex;flex-direction:column}.modal::backdrop{background:#29372c65;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.compact{width:530px}.modal-heading{padding:24px 24px 18px;border-bottom:1px solid #e9eadf;display:flex;align-items:flex-start;gap:14px;justify-content:space-between;flex-shrink:0}.modal-heading h2{font-size:1.4375rem;font-weight:650;line-height:1.4}.modal-heading p{font-size:.8125rem;color:#869079;line-height:1.75;margin-top:7px}.modal-heading .icon-button{margin:-5px -7px 0 0}.modal-body{padding:20px 24px 24px;overflow:auto;overscroll-behavior:contain}.panel-note{font-size:.8125rem;line-height:1.8;margin-bottom:17px;color:#81896f}.options-grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}.options-grid li{display:flex;gap:10px;background:#f4f5ec;border-radius:10px;padding:13px 12px;align-items:flex-start;min-width:0}.option-number{font-size:.75rem;line-height:1.8;font-variant-numeric:tabular-nums;color:#92a080;flex-shrink:0}.options-grid li>div{min-width:0}.options-grid strong{font-size:.875rem;font-weight:600;line-height:1.6;display:block;overflow-wrap:anywhere}.options-grid p{font-size:.75rem;line-height:1.7;color:#8a907e;margin-top:5px}.history-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:-8px 0 12px}.history-toolbar p{font-size:.75rem;color:#7b8670;line-height:1.8}.danger-text{color:#a16651;white-space:nowrap}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}.history-entry{border:1px solid #e1e5d5;border-radius:14px;padding:17px 19px;background:#fafbf4}.history-entry-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.history-entry time{font-size:.75rem;color:#959a86}.history-entry h3{font-size:1.0625rem;line-height:1.6;font-weight:650;margin:13px 0 6px;overflow-wrap:anywhere}.history-palette{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.75rem;color:#829071}.history-palette .swatches{margin:0}.history-palette strong{font-weight:500}.history-description{font-size:.8125rem;line-height:1.9;color:#7f886f;margin:13px 0}.history-actions{display:flex;gap:10px;justify-content:flex-end}.history-actions .button{min-height:44px;padding:8px 13px;font-size:.75rem}.empty-history{text-align:center;color:#8d987e;padding:35px 8px 40px}.empty-history svg{margin-bottom:15px}.empty-history h3{font-size:1.25rem;margin:0 0 12px;color:#687d58}.empty-history p{font-size:.875rem;line-height:1.9}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.danger{background:#a96b54;color:#fff8eb}.rules{display:flex;flex-direction:column;gap:22px}.rules h3{font-size:1rem;margin-bottom:8px;color:#5d7650}.rules p{font-size:.875rem;line-height:1.9;color:#7c866f}.rules p+p{margin-top:8px}.copy-label{display:block;font-size:.8125rem;margin-bottom:10px;color:#6c7f5c}.copy-text{width:100%;min-height:280px;max-height:48dvh;resize:vertical;border:1px solid #dbe0ce;border-radius:10px;background:#f8f9ef;color:#526448;padding:14px;font:inherit;font-size:.875rem;line-height:1.8}.full-width{width:100%;margin-top:12px}@media(max-width:700px){.header-actions{gap:10px}.header-actions .text-button{font-size:.75rem}.header-actions .text-button:last-child span{display:none}.below-play{flex-direction:column;gap:0;align-items:stretch}.below-play .bottom-note{padding-bottom:8px}.history-bottom{align-self:center;margin:0 0 13px}.budget-rules{font-size:.75rem}.modal{max-width:calc(100vw - 24px);max-height:calc(100dvh - 36px);border-radius:18px}.modal-heading{padding:20px 18px 16px;gap:7px}.modal-heading h2{font-size:1.3125rem}.modal-body{padding:18px}.options-grid{grid-template-columns:1fr}.options-grid strong{font-size:.9375rem}.options-grid p,.option-number{font-size:.8125rem}.history-entry{padding:15px}.history-entry h3{font-size:1rem}.history-toolbar{gap:8px}.history-toolbar p{font-size:.75rem}.rules p{font-size:.875rem}.modal-heading p{font-size:.8125rem}.confirm-actions .button{flex:1}}@media(max-width:360px){.brand{font-size:1.125rem;gap:8px}.header-actions{gap:2px}.header-actions .text-button:first-child span{display:none}.header-actions .text-button{width:44px}.header-actions .text-button small{position:absolute;margin:-24px -22px 0 0;font-size:.5625rem}.modal-heading{padding:18px 14px 14px}.modal-body{padding:14px}.history-toolbar{align-items:flex-start}.history-palette{font-size:.75rem}.modal-heading h2{font-size:1.25rem}}:root{--muted: #6b7566}.active-result p,.challenge-description p,.card-intro{font-size:.875rem;color:#6c775f}.result-label,.card-footnote,.card-intro,.small-note,.action-note{color:#6f7866}.result-value strong{color:#858d7b}.segmented button{min-height:44px}.card-actions>.button{font-size:.875rem}.swatches.detailed small{font-size:.6875rem}.header-actions .text-button{min-width:44px}@media(min-width:1000px){.site-header{min-height:76px}.intro{padding:23px 4px}.intro h1{font-size:1.875rem;margin:8px 0}.scale-bar{margin-bottom:20px;padding:9px 20px}.wheel-wrap{max-width:320px;margin-top:10px;margin-bottom:8px}.play-card{padding-top:20px}.section-heading{margin-bottom:14px}.wheel-meta{margin-top:15px}.active-result{min-height:105px}.result-row{min-height:75px;padding:11px 0}.result-card{padding-top:22px}.challenge-description{margin:18px 0 14px}}@media(max-width:700px){.site-shell{padding-bottom:env(safe-area-inset-bottom)}.site-header{flex-wrap:wrap;gap:8px;min-height:64px}.intro{padding:17px 2px 16px}.section-heading{display:none}.wheel-wrap{max-width:300px}.active-result{min-height:106px}.scale-bar{flex-wrap:wrap}.segmented{max-width:100%}.segmented button{flex:1;min-width:0}.spin-actions{position:relative;margin-top:3px}.toast{bottom:calc(18px + env(safe-area-inset-bottom))}.active-result p,.category-tabs button,.card-actions .button{font-size:.875rem}.bottom-note p,.budget-rules{font-size:.8125rem}}.category-tabs button>span{white-space:nowrap}@media(min-width:701px)and (max-width:950px){.category-tabs button{flex-direction:column;min-height:60px;gap:4px}}.style-image{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;isolation:isolate;background:#e6e7d8;border-radius:12px}.style-image img{width:100%;height:100%;object-fit:contain;display:block}.image-fallback{position:absolute;inset:0;display:grid;place-content:center;color:#69765d;font-size:.8125rem;line-height:1.8;text-align:center}.style-result-preview{display:flex;gap:10px;width:100%;padding:7px 0 0;background:transparent;text-align:left;align-items:center;color:#68745f;border-radius:8px}.style-result-preview .style-image{width:86px;flex-shrink:0;border-radius:8px}.style-result-preview>span{font-size:.75rem;line-height:1.65}.style-result-preview b{display:block;font-size:.75rem;font-weight:600;color:#496648;margin-top:5px}.style-result-preview:hover:not(:disabled) b{text-decoration:underline}.style-search{display:flex;align-items:center;gap:10px;background:#f3f4e9;border:1px solid #dbe1ce;border-radius:12px;padding:0 13px;margin-bottom:14px;color:#7b886e}.style-search input{flex:1;min-width:0;background:transparent;border:0;padding:13px 0;font:inherit;font-size:1rem;color:#354332;outline-offset:3px}.style-search-count{font-size:.75rem;color:#738266;margin-bottom:13px}.style-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}.style-gallery button{width:100%;height:100%;text-align:left;padding:0;background:#f2f3e8;border:1px solid #e6e8d9;border-radius:14px;overflow:hidden;transition:box-shadow .15s}.style-gallery button:hover{box-shadow:0 4px 14px #334b3320}.style-gallery .style-image{border-radius:0}.style-gallery-copy{padding:12px 13px 14px}.style-gallery-copy strong{font-size:.9375rem;font-weight:650;color:#3c5137;display:block;margin-top:2px;line-height:1.6;overflow-wrap:anywhere}.style-gallery-copy p{font-size:.75rem;color:#68765d;line-height:1.7;margin-top:5px}.style-detail>.text-button{margin:-10px 0 10px}.style-detail>.eyebrow{display:block}.style-detail figure{margin:0 0 22px}.style-detail figcaption{font-size:.6875rem;line-height:1.8;color:#77816c;margin-top:8px}.style-detail h3{font-size:1.5rem;line-height:1.5;margin:6px 0 12px;color:#3c573c}.style-description{font-size:.9375rem;line-height:1.95;color:#576650}.style-keywords{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:16px 0 20px}.style-keywords li{border:1px solid #dce3ce;border-radius:20px;padding:5px 11px;background:#f0f4e5;color:#61734f;font-size:.75rem;line-height:1.6}.style-tip{padding:15px 17px;border-radius:12px;background:#f4f1e4;color:#6b714e}.style-tip strong{font-size:.8125rem;font-weight:600}.style-tip p{font-size:.875rem;line-height:1.85;margin-top:6px}.style-note{margin:15px 0}.style-pagination{display:flex;justify-content:space-between;gap:12px}.style-pagination .button{font-size:.875rem}.style-empty{text-align:center;padding:25px 0;color:#6b795e;font-size:.875rem}@media(max-width:700px){.header-actions{gap:4px}.header-actions .text-button span{display:none}.header-actions .text-button{position:relative}.header-actions .text-button small{position:absolute;top:0;right:-2px;margin:0;font-size:.5625rem}.style-gallery{gap:11px}.style-gallery-copy{padding:10px}.style-gallery-copy strong{font-size:.875rem}.style-result-preview .style-image{width:76px}.style-detail h3{font-size:1.3125rem}}@media(max-width:360px){.style-gallery{grid-template-columns:1fr}}.style-detail figcaption a{color:#496648;text-underline-offset:3px;overflow-wrap:anywhere}