@font-face{font-family:DQ Serif;src:url(../fonts/NotoSerifSC-Medium-subset.woff2)format("woff2");font-weight:500;font-display:swap}:root{--paper:#f7f4ee;--paper-2:#efeae1;--surface:#fffdf9;--line:#e6e0d6;--line-2:#d6cec1;--ink:#2e2a26;--text:#4a443e;--muted:#6e665d;--brand:#a3564a;--brand-deep:#8c4539;--brand-tint:#f3e7e2;--sage:#5f6e58;--sage-tint:#eef0e9;--sand:#d9c6a5;--r-s:6px;--r:10px;--r-l:12px;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:40px;--s6:48px;--s8:64px;--s10:80px;--s12:96px;--shadow:0 1px 2px #2e2a260a,0 8px 24px #2e2a260d;--ring:0 0 0 2px var(--paper),0 0 0 4px var(--ink);--serif:"DQ Serif","Noto Serif SC","Source Han Serif SC","Songti SC",serif;--sans:"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei","Noto Sans SC",-apple-system,"Helvetica Neue",system-ui,sans-serif;--latin:"Avenir Next","Helvetica Neue","Segoe UI",system-ui,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:var(--line-2) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}.ic{vertical-align:-3px;flex:none;width:18px;height:18px}.skip-link{left:var(--s2);z-index:100;background:var(--ink);color:#fff;padding:var(--s1) var(--s2);border-radius:var(--r-s);font-size:14px;position:absolute;top:-60px}.skip-link:focus{top:var(--s1)}:where(a,button,input,select,summary,[tabindex]):focus-visible{outline:none;box-shadow:var(--ring)!important}.eyebrow{font:500 11px/1 var(--latin);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);display:inline-block}.site-nav{z-index:60;align-items:center;gap:var(--s3);min-height:64px;padding:var(--s1) max(var(--s4),env(safe-area-inset-right)) var(--s1) max(var(--s4),env(safe-area-inset-left));padding-top:max(var(--s1),env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);font-family:var(--sans);background:#f7f4eeeb;display:flex;position:sticky;top:0}.site-nav-brand{font:500 19px/1 var(--serif);letter-spacing:.12em;align-items:center;gap:10px;text-decoration:none;display:flex;color:var(--ink)!important}.site-nav-brand .dq-logo{width:24px;height:24px}.site-nav-links{gap:var(--s1);align-items:center;margin-left:auto;display:flex}.site-nav-links a{min-height:44px;color:var(--text);letter-spacing:.04em;border-radius:var(--r-s);align-items:center;gap:6px;padding:0 12px;font-size:14px;text-decoration:none;transition:color .2s,background .2s;display:inline-flex}.site-nav-links a .ic{display:none}.site-nav-links a:hover{color:var(--ink);background:var(--paper-2)}.site-nav-links a[aria-current=page]:not(.cta){color:var(--ink);box-shadow:inset 0 -1.5px 0 var(--ink);border-radius:0}.site-nav-links a.cta{margin-left:var(--s1);background:var(--ink);border-radius:var(--r-s);padding:0 18px;color:#fff!important}.site-nav-links a.cta:hover{background:#000}.dq-nav-toggle{display:none}.dq-burger{border-radius:var(--r-s);border:1px solid var(--line);background:var(--surface);cursor:pointer;width:44px;height:44px;color:var(--ink);justify-content:center;align-items:center;margin-left:auto;font-size:18px;display:none}@media (max-width:820px){.site-nav{padding-inline:var(--s2);flex-wrap:wrap;min-height:60px}.dq-burger{display:flex}.site-nav-links{width:100%;margin:var(--s1) 0;flex-direction:column;align-items:stretch;gap:0;display:none}.site-nav-links a{border-bottom:1px solid var(--line);border-radius:0;padding:0 4px}.site-nav-links a[aria-current=page]:not(.cta){box-shadow:none;color:var(--brand-deep)}.site-nav-links a.cta{margin:var(--s2) 0 0;border-radius:var(--r-s);border:0;justify-content:center}.dq-nav-toggle:checked~.site-nav-links{display:flex}}.site-page{font:16px/1.75 var(--sans);color:var(--text);background:var(--paper);margin:0;overflow-x:hidden}.site-page main{max-width:1120px;padding:var(--s6) max(var(--s4),env(safe-area-inset-left)) 0;margin:0 auto}.site-page h1,.site-page h2,.site-page h3,.site-page h4{font-family:var(--serif);color:var(--ink);text-wrap:balance;font-weight:500}.site-page h1{letter-spacing:.04em;margin:0;font-size:clamp(34px,4.6vw,52px);line-height:1.3}.site-page h2{letter-spacing:.04em;margin:0;font-size:clamp(24px,2.6vw,30px);line-height:1.35}.site-page h3,.site-page h4{letter-spacing:.02em;font-size:18px;line-height:1.45}.site-page p{text-wrap:pretty}.site-page a{color:var(--brand-deep);text-underline-offset:3px}.lead{color:var(--text);margin:var(--s3) 0 0;max-width:34em;font-size:17px;line-height:1.85}.muted{color:var(--muted)}.sec-sub{margin:var(--s1) 0 0;color:var(--muted);font-size:15px}.tag{font:500 12px/1.5 var(--sans);letter-spacing:.04em;color:var(--muted);border:1px solid var(--line-2);vertical-align:middle;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;display:inline-flex}.tag.red{color:var(--brand-deep);border-color:#dcbcb3}.tag.green{color:var(--sage);border-color:#c9d0c2}.tag.blue{color:var(--text)}.page-head{padding:var(--s6) 0 var(--s5);border-bottom:1px solid var(--line);position:relative}.page-head h1 .tag{margin-left:var(--s2);vertical-align:.5em}.page-head .lead{margin-top:var(--s2)}.sec-head{justify-content:space-between;align-items:flex-end;gap:var(--s3);margin:var(--s12) 0 var(--s4);padding-bottom:var(--s2);border-bottom:1px solid var(--line);display:flex}.sec-head .sec-ic{display:none}.sec-head h2 .tag{margin-left:var(--s1);vertical-align:.3em}.sec-head .sec-more{color:var(--text);white-space:nowrap;font-size:14px;text-decoration:none}.sec-head .sec-more:hover{color:var(--ink);text-decoration:underline}.site-grid{gap:var(--s4) var(--s3);margin-top:var(--s5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.site-card{height:100%;color:inherit;background:0 0;border:0;flex-direction:column;padding:0;text-decoration:none;display:flex}.site-card .cover{aspect-ratio:1;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);justify-content:center;align-items:center;transition:border-color .3s;display:flex;overflow:hidden}.site-card .cover img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.site-card:hover .cover{border-color:var(--line-2)}.site-card:hover .cover img{transform:scale(1.025)}.site-card h3,.site-card h4{margin:var(--s2) 0 4px;font-size:17px}.site-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.meta-row{margin-top:var(--s1);flex-wrap:wrap;gap:6px;display:flex}.price{margin-top:var(--s1);font:500 17px/1.4 var(--latin);color:var(--ink);font-variant-numeric:tabular-nums}.price small{color:var(--muted);margin-left:6px;font-size:13px;text-decoration:line-through}.card-foot{padding-top:var(--s2);gap:var(--s1);margin-top:auto;display:flex}.card-foot .btn,.card-foot button{white-space:nowrap;flex:1 1 0}.icon-bubble{border:1px solid var(--line-2);width:44px;height:44px;color:var(--brand);border-radius:50%;place-items:center;display:grid;background:0 0!important}.icon-bubble .ic{width:20px;height:20px}.panel-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:var(--s4) var(--s3)}.btn,.site-card button{min-height:44px;padding:0 var(--s3);border-radius:var(--r-s);border:1px solid var(--ink);background:var(--ink);font:500 14px/1 var(--sans);letter-spacing:.06em;cursor:pointer;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .15s;display:inline-flex;color:#fff!important}.btn:hover,.site-card button:hover{background:#000;border-color:#000}.btn:active,.site-card button:active{transform:translateY(1px)}.btn.secondary{border-color:var(--line-2);background:0 0;color:var(--ink)!important}.btn.secondary:hover{border-color:var(--ink);background:0 0}.btn.brand{background:var(--brand);border-color:var(--brand)}.btn.brand:hover{background:var(--brand-deep);border-color:var(--brand-deep)}.btn.big{min-height:52px;padding:0 var(--s4);font-size:15px}.btn .ic{width:16px;height:16px}button:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none!important}.is-loading{pointer-events:none;position:relative;color:#0000!important}.is-loading:after{content:"";border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin:auto;animation:.8s linear infinite dq-spin;position:absolute;inset:0}@keyframes dq-spin{to{transform:rotate(360deg)}}@keyframes dq-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.site-page main>*{animation:dq-in .6s var(--ease) both}.site-page main>:nth-child(2){animation-delay:60ms}.site-page main>:nth-child(3){animation-delay:.12s}.hero{gap:var(--s10);padding:var(--s6) 0 var(--s8);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero .eyebrow{margin-bottom:var(--s3)}.hero h1{font-size:clamp(36px,4.4vw,54px)}.hero h1 em{color:var(--brand);font-style:normal}.hero-actions{gap:var(--s2);margin-top:var(--s5);flex-wrap:wrap;display:flex}.hero-badges{gap:var(--s3);margin:var(--s5) 0 0;padding:var(--s3) 0 0;border-top:1px solid var(--line);flex-wrap:wrap;list-style:none;display:flex}.hero-badges li{color:var(--muted);letter-spacing:.04em;align-items:center;gap:6px;font-size:13px;display:flex}.hero-badges li:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px}.hero-badges .ic{display:none}.hero-art{margin:0;position:relative}.hero-art .frame{aspect-ratio:4/5;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);background-image:radial-gradient(circle,var(--line-2) 1.2px,transparent 1.4px);background-size:14px 14px;place-items:center;display:grid;position:relative;overflow:hidden}.hero-art .frame img{border-radius:var(--r);width:82%;height:auto;box-shadow:var(--shadow);background:var(--surface)}.hero-art figcaption{color:var(--muted);letter-spacing:.06em;justify-content:space-between;margin-top:12px;font-size:12px;display:flex}.steps3{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.steps3 .site-card{padding:var(--s4) var(--s3);border-right:1px solid var(--line);height:auto}.steps3 .site-card:last-child{border-right:0}.steps3 .num{font:500 13px/1 var(--latin);letter-spacing:.16em;color:var(--brand);width:auto;height:auto;background:0 0!important}.steps3 .site-card h3{margin:var(--s2) 0 var(--s1);font-size:20px}.styles-row{gap:var(--s3);grid-template-columns:repeat(5,1fr);display:grid}.wall{gap:var(--s4) var(--s3);grid-template-columns:repeat(4,1fr);display:grid}.wall .who{color:var(--muted);margin-top:4px;font-size:12px}.wall .who i{display:none}.reviews{gap:var(--s3);grid-template-columns:repeat(3,1fr);display:grid}.review{padding:var(--s4) var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);flex-direction:column;display:flex}.review p{margin:0 0 var(--s3);font:500 16px/1.9 var(--serif);color:var(--ink);flex:1}.review .who{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.avatar{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:13px;display:grid;color:var(--text)!important;background:var(--paper-2)!important}.cta-band{margin-top:var(--s12);padding:var(--s8) var(--s6);border-radius:var(--r-l);background:var(--ink);color:#e9e3d9;justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.cta-band:after{content:"";opacity:.16;pointer-events:none;background-image:radial-gradient(circle,#fff 2px,#0000 2.4px);background-size:18px 18px;width:260px;height:260px;position:absolute;top:-20px;right:-20px}.cta-band h2{color:#fff}.cta-band p{margin:var(--s1) 0 0;color:#cfc7bb}.cta-band .btn{z-index:1;background:#fff;border-color:#fff;position:relative;color:var(--ink)!important}.cta-band .btn:hover{background:var(--paper-2)}.steps{counter-reset:s}.steps .panel-card h4:before,.steps .site-card h4:before{counter-increment:s;content:counter(s,decimal-leading-zero);margin-bottom:var(--s1);font:500 12px/1 var(--latin);letter-spacing:.16em;color:var(--brand);display:block}.steps .site-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:var(--s3)}.steps .site-card h4{margin-top:var(--s2)}.community-list{margin-top:var(--s3);border-top:1px solid var(--line);gap:0;display:grid}.post{gap:var(--s2);padding:var(--s3) 0;border-bottom:1px solid var(--line);align-items:flex-start;display:flex}.post b{color:var(--ink);font-weight:600}.community-compose{gap:var(--s1);margin-top:var(--s3);display:flex}.community-compose input{border:1px solid var(--line-2);border-radius:var(--r-s);min-height:44px;padding:0 var(--s2);font:15px var(--sans);background:var(--surface);color:var(--ink);flex:1}.community-compose input:focus{border-color:var(--ink);outline:none}.dq-footer{margin-top:var(--s12);padding:var(--s6) max(var(--s4),env(safe-area-inset-left)) max(var(--s5),env(safe-area-inset-bottom));border-top:1px solid var(--line);font:14px/1.9 var(--sans);color:var(--muted)}.dq-footer .inner{justify-content:space-between;gap:var(--s4);flex-wrap:wrap;max-width:1120px;margin:0 auto;display:flex}.dq-footer strong{margin-bottom:var(--s1);font:500 17px/1.4 var(--serif);letter-spacing:.12em;color:var(--ink);display:block}.dq-footer nav{gap:var(--s3);flex-wrap:wrap;display:flex}.dq-footer a{color:var(--text);text-decoration:none}.dq-footer a:hover{color:var(--ink);text-decoration:underline}.dq-footer .ic{display:none}@media (max-width:960px){.hero{gap:var(--s5);padding-top:var(--s4);grid-template-columns:1fr}.hero-art{order:-1}.hero-art .frame{aspect-ratio:1}.styles-row,.wall{grid-template-columns:repeat(3,1fr)}.reviews{grid-template-columns:1fr}}@media (max-width:600px){.site-page main{padding:var(--s3) var(--s2) 0}.site-page h1{font-size:32px}.lead{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-badges{gap:var(--s1) var(--s3)}.sec-head{margin:var(--s8) 0 var(--s3)}.steps3{grid-template-columns:1fr}.steps3 .site-card{border-right:0;border-bottom:1px solid var(--line);padding:var(--s3) 0}.steps3 .site-card:last-child{border-bottom:0}.styles-row{scroll-snap-type:x mandatory;gap:var(--s2);margin-inline:calc(-1 * var(--s2));padding:0 var(--s2) var(--s1);scrollbar-width:none;display:flex;overflow-x:auto}.styles-row::-webkit-scrollbar{display:none}.styles-row>*{scroll-snap-align:start;flex:0 0 58%}.wall,.site-grid{gap:var(--s3) 12px;grid-template-columns:1fr 1fr}.site-card h3,.site-card h4{margin-top:12px;font-size:15px}.site-card p{font-size:13px}.card-foot{flex-direction:column}.card-foot .btn{flex:none;width:100%}.cta-band{padding:var(--s5) var(--s3);margin-top:var(--s8)}.cta-band .btn{width:100%}.page-head{padding:var(--s4) 0 var(--s3)}.page-head h1 .tag{margin:var(--s1) 0 0;vertical-align:middle;display:inline-flex}.dq-footer{margin-top:var(--s8);padding-inline:var(--s2)}.dq-footer .inner{gap:var(--s3);flex-direction:column}}body.dq-app{height:100dvh;font-family:var(--sans);background:var(--paper);padding-top:env(safe-area-inset-top);--page:#f7f4ee;--panel:#fbf9f5;--panel-strong:#fffdf9;--workbench:#efeae1;--board:#fffdf9;--ink:#2e2a26;--muted:#6e665d;--faint:#8a8178;--line:#e6e0d6;--line-strong:#d6cec1;--accent:#a3564a;--accent-strong:#8c4539;--accent-soft:#f3e7e2;--success:#5f6e58;--focus:#2e2a26;--radius-lg:12px;--radius-md:10px;--radius-sm:6px;--shadow:0 1px 2px #2e2a260a,0 8px 24px #2e2a260d;flex-direction:column;display:flex;overflow:hidden}body.dq-app .app-shell{flex:1;height:auto;min-height:0}body.dq-app .topbar{background:var(--paper);border-bottom:1px solid var(--line)}body.dq-app .topbar .brand{display:none}body.dq-app .project-meta strong{font:600 15px var(--sans);color:var(--ink)}body.dq-app .side-panel{background:var(--panel)}body.dq-app .panel-section{border-radius:0}body.dq-app .section-head h2{font:500 16px/1.4 var(--serif);letter-spacing:.06em;color:var(--ink)}body.dq-app .section-head small{color:var(--muted)}body.dq-app .button,body.dq-app .icon-button,body.dq-app .toggle-button,body.dq-app .segment-button,body.dq-app .tool-button{border-radius:var(--r-s);transition:background .2s,border-color .2s,color .2s,transform .15s}body.dq-app .button:active:not(:disabled),body.dq-app .icon-button:active:not(:disabled){transform:translateY(1px)}body.dq-app .button.primary{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none}body.dq-app .button.primary:hover:not(:disabled){background:#000}body.dq-app .button.secondary{border:1px solid var(--line-2);color:var(--ink);background:0 0}body.dq-app .button.secondary:hover:not(:disabled){border-color:var(--ink)}body.dq-app .segmented{background:var(--paper-2);border-radius:var(--r-s);border:0;padding:3px}body.dq-app .segment-button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #2e2a2614}body.dq-app .toggle-button[aria-pressed=true]{background:var(--paper-2);color:var(--ink);border-color:var(--line-2)}body.dq-app .stage-toolbar{background:var(--paper);border-bottom:1px solid var(--line)}body.dq-app .canvas-viewport{background:var(--paper-2);background-image:radial-gradient(circle,#6e665d2e 1px,#0000 1.2px);background-size:16px 16px}body.dq-app .statusbar{background:var(--paper);color:var(--muted);border-top:1px solid var(--line)}body.dq-app .dropzone{border:1px dashed var(--line-2);border-radius:var(--r-l);background:var(--surface);padding:var(--s4) var(--s2);transition:border-color .2s,background .2s}body.dq-app .dropzone:hover,body.dq-app .dropzone.is-dragging{border-color:var(--ink);background:var(--paper)}body.dq-app .drop-icon{border:1px solid var(--ink);width:44px;height:44px;color:var(--ink);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:300;display:inline-flex}body.dq-app .dropzone strong{font:500 15px var(--serif);letter-spacing:.04em;color:var(--ink)}body.dq-app .file-meta{border-radius:var(--r);background:var(--sage-tint);border:0}body.dq-app .smart-card{display:none!important}.dq-steps{gap:var(--s4);padding:0 var(--s3);background:var(--paper);border-bottom:1px solid var(--line);height:52px;font-family:var(--sans);counter-reset:none;justify-content:center;align-items:center;margin:0;list-style:none;display:flex;overflow-x:auto}.dq-steps [data-step]{min-height:44px;color:var(--muted);letter-spacing:.04em;cursor:pointer;white-space:nowrap;border-bottom:1.5px solid #0000;align-items:center;gap:10px;padding:0 4px;font-size:14px;transition:color .2s,border-color .2s;display:flex}.dq-steps [data-step] b{border:1px solid var(--line-2);width:22px;height:22px;font:500 11px/1 var(--latin);color:var(--muted);background:0 0;border-radius:50%;place-items:center;display:grid}.dq-steps [data-step] .sic{display:none}.dq-steps [data-step]:hover{color:var(--ink)}.dq-steps [data-step].is-now{color:var(--ink);border-bottom-color:var(--ink)}.dq-steps [data-step].is-now b{background:var(--ink);border-color:var(--ink);color:#fff}.dq-steps [data-step].is-done{color:var(--sage)}.dq-steps [data-step].is-done b{border-color:var(--sage);color:var(--sage);font-size:0}.dq-steps [data-step].is-done b:before{content:"✓";font-size:11px}.dq-steps [data-step]:not(:last-child):after{content:"";background:var(--line-2);width:28px;height:1px;margin-left:var(--s3)}body.dq-app .empty-state{background:0 0}body.dq-app .empty-card{border-radius:var(--r-l);border:1px solid var(--line);background:var(--surface);max-width:440px;box-shadow:var(--shadow);padding:var(--s5) var(--s4)}.dq-empty-art{margin:0 auto var(--s3);width:168px;height:auto;display:block}body.dq-app #heroTitle{font:500 24px/1.4 var(--serif);letter-spacing:.06em;color:var(--ink);margin:0}body.dq-app .empty-card .hero-text{color:var(--text);margin:var(--s1) 0 0;font-size:15px}.dq-mini-steps{margin:var(--s3) 0 0;color:var(--muted);justify-content:center;gap:0;padding:0;font-size:13px;list-style:none;display:flex}.dq-mini-steps li{align-items:center;display:flex}.dq-mini-steps li:not(:last-child):after{content:"—";color:var(--line-2);margin:0 10px}.dq-mini-steps .ic{display:none}.dq-empty-tip{margin:var(--s3) auto 0;max-width:360px;color:var(--muted);font-size:13px;line-height:1.75}body.dq-app .hero-actions{margin-top:var(--s3);gap:var(--s1)}body.dq-app .hero-promises{gap:var(--s2)}body.dq-app .hero-promises span{color:var(--muted);background:0 0;border:0;padding:0;font-size:12px}body.dq-app .hero-promises span:not(:last-child):after{content:"·";margin-left:var(--s2)}body.dq-app .privacy-note{color:var(--muted)}.dq-more{border-top:1px solid var(--line);background:0 0;margin:0}.dq-more>summary{cursor:pointer;min-height:56px;padding:var(--s2) var(--s2);justify-content:space-between;align-items:baseline;gap:var(--s1);list-style:none;display:flex}.dq-more>summary::-webkit-details-marker{display:none}.dq-more>summary span{font:500 16px var(--serif);letter-spacing:.06em;color:var(--ink)}.dq-more>summary span:after{content:"＋";margin-left:var(--s1);font-family:var(--sans);color:var(--muted);font-weight:300}.dq-more[open]>summary span:after{content:"－"}.dq-more>summary small{color:var(--muted);font-size:12px}.dq-more .advanced-settings{background:0 0;border:0}@media (min-width:960px){body.dq-app:not(.dq-palette-open) .workspace{grid-template-columns:clamp(300px,26vw,360px) minmax(320px,1fr) 0}body.dq-app:not(.dq-palette-open) .panel-right{display:none}body.dq-app.dq-palette-open .workspace{grid-template-columns:clamp(300px,26vw,360px) minmax(320px,1fr) clamp(260px,22vw,320px)}}.dq-palette-toggle .ic{width:15px;height:15px;margin-right:4px}.douqu-presets{margin:0 0 var(--s2);padding:var(--s2) 0 0;border:0;border-top:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0}.douqu-preset-hint{margin:0 0 var(--s2);color:var(--muted);font-size:12px}.douqu-preset-grid{gap:var(--s2) 12px;margin-bottom:var(--s2);grid-template-columns:1fr 1fr;display:grid}.douqu-preset-group{margin:var(--s1) 0 0;font:500 11px/1 var(--latin);letter-spacing:.16em;color:var(--muted);grid-column:1/-1}.douqu-preset-btn{text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:0 0;border:0;flex-direction:column;padding:0;display:flex;position:relative}.douqu-preset-btn .pi{aspect-ratio:1;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);justify-content:center;align-items:center;width:100%;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.douqu-preset-btn .pi img{object-fit:cover;width:100%;height:100%}.douqu-preset-btn:hover .pi{border-color:var(--line-2)}.douqu-preset-btn[aria-pressed=true] .pi{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.douqu-preset-btn[aria-pressed=true]:after{content:"";background:var(--brand);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:8px;left:8px}.douqu-preset-btn .pmine{color:var(--sage);font:500 10px/1.6 var(--sans);background:#fffdf9eb;border:1px solid #c9d0c2;border-radius:999px;padding:0 6px;font-style:normal;position:absolute;top:6px;right:6px}.douqu-preset-btn strong{font:600 14px/1.4 var(--sans);color:var(--ink);margin:10px 0 0}.douqu-preset-btn .pe{display:none}.douqu-preset-btn .pc{color:var(--text);margin-top:2px;font-size:12px;line-height:1.5}.douqu-preset-btn .pd{font:11px/1.4 var(--latin);color:var(--muted);letter-spacing:.02em;margin-top:2px}.douqu-preset-actions{gap:var(--s1);flex-direction:column;display:flex}.douqu-preset-actions .button.wide{width:100%;min-height:44px}#douquBatchAllBtn{box-shadow:none;color:var(--ink)!important;border:1px solid var(--line-2)!important;background:0 0!important}#douquBatchAllBtn:hover{border-color:var(--ink)!important}.douqu-batch{margin-top:var(--s2);padding-top:var(--s2);border-top:1px solid var(--line)}.douqu-batch-head{justify-content:space-between;align-items:center;gap:var(--s1);margin-bottom:var(--s1);display:flex}.douqu-batch-head strong{font:500 15px var(--serif);letter-spacing:.04em;color:var(--ink)}.douqu-batch-actions{gap:6px;display:flex}.douqu-batch-bar{background:var(--line);border-radius:2px;height:2px;margin-bottom:6px;overflow:hidden}.douqu-batch-bar i{background:var(--ink);width:0;height:100%;transition:width .3s;display:block}#douquBatchStatus{color:var(--muted);font-size:12px}.douqu-batch-grid{grid-template-columns:1fr 1fr;gap:12px;max-height:460px;padding:2px;display:grid;overflow:auto}.douqu-batch-card{cursor:pointer;text-align:left;font:inherit;color:inherit;background:0 0;border:0;padding:0}.douqu-batch-card img{aspect-ratio:1;object-fit:contain;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);width:100%;display:block}.douqu-batch-card.is-active img{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.douqu-batch-card strong{font:600 13px var(--sans);margin-top:6px;display:block}.douqu-batch-card span{color:var(--muted);font-size:11px;display:block}.douqu-batch-hint{margin:var(--s1) 0 0;color:var(--muted);font-size:12px}body.dq-app .stage-quality-banner.dq-soft:not([hidden]){margin:12px var(--s2) 0;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 6px 14px;display:flex}body.dq-app .stage-quality-banner.dq-soft div{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}body.dq-app .stage-quality-banner.dq-soft strong{color:var(--brand-deep);letter-spacing:.08em;font-size:12px}body.dq-app .stage-quality-banner.dq-soft span{color:var(--text);white-space:normal;font-size:13px}body.dq-app .stage-quality-banner.dq-soft .button{min-height:36px;color:var(--ink);border:1px solid var(--line-2);background:0 0;padding:0 14px;font-size:13px}body.dq-app .stage-panel{position:relative}.dq-summary{z-index:6;top:64px;right:var(--s2);gap:var(--s2);width:232px;padding:var(--s2);border-radius:var(--r-l);border:1px solid var(--line);box-shadow:var(--shadow);animation:dq-in .4s var(--ease) both;background:#fffdf9f5;flex-direction:column;display:flex;position:absolute}.stage-quality-banner:not([hidden])~.dq-summary{top:116px}.dq-summary[hidden]{display:none}.dq-sum-items{gap:12px var(--s2);grid-template-columns:1fr 1fr;display:grid}.dq-sum-items div{padding:0}.dq-sum-items span{letter-spacing:.08em;color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.dq-sum-items .tag{padding:0 5px;font-size:10px;line-height:1.4}.dq-sum-items b{font:500 17px/1.3 var(--latin);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:2px;display:block}.dq-download{gap:8px;width:100%;background:var(--brand)!important;border-color:var(--brand)!important;min-height:48px!important;font-size:15px!important}.dq-download:hover{background:var(--brand-deep)!important}.dq-download .ic{width:16px;height:16px}body.dq-app .pattern-ready-bar{background:var(--paper);border-top:1px solid var(--line)}body.dq-app .pattern-ready-bar strong{font:500 16px var(--serif);letter-spacing:.04em;color:var(--ink)}body.dq-app .legend-strip{background:var(--paper)}body.dq-app .crop-dialog,body.dq-app .share-dialog{border-radius:var(--r-l)}.dq-loading{z-index:7;justify-content:center;align-items:center;gap:var(--s2);color:var(--text);letter-spacing:.06em;background:#f7f4eedb;flex-direction:column;font-size:14px;display:flex;position:absolute;inset:52px 0 0}.dq-loading[hidden]{display:none}.dq-loading-beans{grid-template-columns:repeat(3,8px);gap:6px;display:grid}.dq-loading-beans i{background:var(--line-2);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dq-dot}.dq-loading-beans i:nth-child(2){animation-delay:.1s}.dq-loading-beans i:nth-child(3){animation-delay:.2s}.dq-loading-beans i:nth-child(4){animation-delay:.3s}.dq-loading-beans i:nth-child(5){animation-delay:.4s}.dq-loading-beans i:nth-child(6){animation-delay:.5s}.dq-loading-beans i:nth-child(7){animation-delay:.6s}.dq-loading-beans i:nth-child(8){animation-delay:.7s}.dq-loading-beans i:nth-child(9){animation-delay:.8s}@keyframes dq-dot{0%,to{background:var(--line-2)}40%{background:var(--brand)}}.dq-touch-edit{display:none!important}@media (max-width:959px){body.dq-app{--topbar-h:52px}body.dq-app .topbar{align-items:center;gap:var(--s1);height:52px;min-height:52px;padding:0 12px;padding-top:env(safe-area-inset-top);display:flex}body.dq-app .topbar .project-meta{flex:1;min-width:0}body.dq-app .topbar .project-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}body.dq-app .topbar .project-meta span{display:none}body.dq-app .top-actions{gap:4px;margin-left:auto;display:flex}body.dq-app .top-actions .zoom-control,body.dq-app .top-actions .top-divider,body.dq-app #topUploadBtn{display:none!important}body.dq-app #productHelpBtn,body.dq-app #undoBtn,body.dq-app #redoBtn{justify-content:center;align-items:center;display:inline-flex!important}body.dq-app .app-shell{grid-template-rows:var(--topbar-h) minmax(0,1fr) var(--status-h);padding-bottom:calc(58px + env(safe-area-inset-bottom))}body.dq-app,body.dq-app .app-shell,body.dq-app .workspace,body.dq-app .stage-panel{max-width:100vw;overflow-x:hidden}body.dq-app .language-switcher,.dq-palette-toggle{display:none!important}.dq-touch-edit{display:inline-flex!important}body.dq-app .toggle-button,body.dq-app .segment-button,body.dq-app .icon-button{min-width:44px;min-height:44px}body.dq-app .mobile-dock{background:var(--paper);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);min-height:58px}body.dq-app .mobile-dock button{min-height:52px;color:var(--muted)}body.dq-app .mobile-dock button[aria-pressed=true]{color:var(--ink)}body.dq-app #canvasViewport{touch-action:none;overscroll-behavior:contain}.dq-steps{justify-content:space-between;gap:var(--s1);padding:0 var(--s2);height:48px}.dq-steps [data-step]:not(.is-now) span{display:none}.dq-steps [data-step]:not(:last-child):after{width:12px;margin-left:var(--s1)}body.dq-app .stage-panel{grid-template-rows:max-content max-content minmax(0,1fr) max-content max-content max-content}body.dq-app .dq-summary{grid-row:4}body.dq-app .pattern-ready-bar,body.dq-app .making-assistant{grid-row:5}body.dq-app .legend-strip{grid-row:6}.dq-summary{align-items:center;gap:var(--s1);width:auto;padding:var(--s1) 12px;border:0;border-top:1px solid var(--line);box-shadow:none;background:var(--surface);border-radius:0;flex-direction:row;min-width:0;margin:0;animation:none;position:static}.dq-sum-items{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-width:0}.dq-sum-items div{text-align:center;min-width:0}.dq-sum-items span{display:none}.dq-sum-items b{text-overflow:ellipsis;font-size:13px;overflow:hidden}.dq-sum-items div:last-child b:after{content:"参考价";font:10px/1.2 var(--sans);color:var(--muted);display:block}.dq-download{flex:none;width:auto;min-height:44px!important;padding:0 14px!important;font-size:14px!important}.dq-download span{display:none}.dq-download:after{content:"下载"}body.dq-app #readySaveBtn,body.dq-app #readyShareCardBtn,body.dq-app #readyExportBtn,body.dq-app #topExportBtn{display:none}body.dq-app .ready-primary-actions{gap:var(--s1);grid-template-columns:1fr 1fr!important}body.dq-app .pattern-ready-bar{padding:var(--s1) 12px}body.dq-app .stage-quality-banner.dq-soft:not([hidden]){margin:var(--s1)}.douqu-preset-grid{scroll-snap-type:x mandatory;padding:2px 2px var(--s1);scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.douqu-preset-grid::-webkit-scrollbar{display:none}.douqu-preset-btn{scroll-snap-align:start;flex:0 0 44%}.douqu-preset-group{writing-mode:vertical-rl;letter-spacing:.2em;flex:none;align-self:center;margin:0 2px}body.dq-app .dq-loading{inset:0}body.dq-app .empty-card{margin:var(--s2);padding:var(--s4) var(--s3)}}.site-page .site-nav-links a:not(.cta),.site-page .sec-more,.site-page .dq-footer a{color:var(--text)}.site-page .site-nav-links a[aria-current=page]:not(.cta){color:var(--ink)}.site-page a.site-card{color:inherit;text-decoration:none}.site-page a.btn{text-decoration:none}body.dq-app .language-switcher{display:none!important}.site-card .cover.art{background:var(--paper-2);aspect-ratio:1;padding:var(--s2)}.site-card .cover.art img{object-fit:contain;border-radius:4px;width:100%;height:100%;box-shadow:0 1px 2px #2e2a261f}.hero-art .frame img{object-fit:contain;background:0 0;width:86%;height:auto;max-height:88%}.art-note{color:var(--muted);margin-top:2px;font-size:13px}.wall.art-scroll{scroll-snap-type:x mandatory;padding-bottom:var(--s2);scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;display:grid;overflow-x:auto}.wall.art-scroll .art-card{scroll-snap-align:start;color:inherit;text-decoration:none}.art-filter{gap:var(--s1);margin-top:var(--s4);flex-wrap:wrap;display:flex}.art-filter button{border:1px solid var(--line-2);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:0 18px;font-size:14px}.art-filter button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}.art-grid .art-card[hidden]{display:none}.art-grid{margin-top:var(--s4)}@media (max-width:959px){.wall.art-scroll{grid-template-columns:none;grid-auto-columns:72%}.art-filter{flex-wrap:nowrap;margin-left:-16px;margin-right:-16px;padding:0 16px;overflow-x:auto}.art-filter button{flex:none}}.dq-export-dialog{width:min(520px,100vw - 32px);padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface);color:var(--text);box-shadow:0 24px 60px #2e2a262e}.dq-export-dialog::backdrop{background:#2e2a2652}.dq-export-head{justify-content:space-between;align-items:flex-start;gap:var(--s2);display:flex}.dq-export-head strong{font:500 22px/1.3 var(--serif);color:var(--ink);margin-top:2px;display:block}.dq-eyebrow{font:600 11px/1 var(--latin);letter-spacing:.14em;color:var(--brand)}.dq-export-sub{margin:var(--s1) 0 var(--s3);color:var(--muted);font-size:13px}.dq-export-list{gap:var(--s1);display:grid}.dq-export-item{text-align:left;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);min-height:64px;color:var(--text);font:inherit;cursor:pointer;gap:2px;padding:12px 16px;transition:border-color .2s,background .2s,transform .2s;display:grid;position:relative}.dq-export-item:hover,.dq-export-item:focus-visible{border-color:var(--ink);background:var(--surface)}.dq-export-item:active{transform:scale(.99)}.dq-export-item b{color:var(--ink);font-size:15px;font-weight:600}.dq-export-item span{color:var(--muted);font-size:13px}.dq-export-item em{color:var(--brand-deep);background:var(--brand-tint);border-radius:999px;padding:3px 8px;font-size:11px;font-style:normal;position:absolute;top:14px;right:14px}.dq-export-item[hidden]{display:none}.dq-export-status{min-height:20px;margin-top:var(--s2);color:var(--sage);font-size:13px}.dq-save-overlay{z-index:100;background:#2e2a26d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dq-save-overlay[hidden]{display:none}.dq-save-inner{justify-items:center;gap:16px;max-width:100%;display:grid}.dq-save-inner p{color:#fff;text-align:center;margin:0;font-size:14px}.dq-save-inner img{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;background:#fff;border-radius:8px;max-width:100%;max-height:70vh}.dq-bg-strength input{width:100%}@media (max-width:959px){.dq-export-dialog{width:100vw;max-width:100vw;padding:var(--s3) var(--s3) calc(var(--s3) + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;margin:auto 0 0}}.cover picture,.hero-art .frame picture{display:contents}@media (max-width:959px){body.dq-app .toast{top:calc(60px + env(safe-area-inset-top));border-radius:var(--r);max-width:none;font-size:13px;left:12px;right:12px;transform:none;bottom:auto!important}.dq-export-list{flex-direction:column;display:flex}.dq-export-album{order:-1}.dq-export-item:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.dq-export-item:focus:not(:focus-visible){border-color:var(--line)}}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}::selection{background:var(--brand-tint);color:var(--ink)}:where(a,button,[role=tab],summary,input,select):focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}.btn:active,.button:active,.art-filter button:active{transform:scale(.98)}.btn,.button,.art-filter button{transition:background .2s,border-color .2s,color .2s,transform .12s}.art-filter button:hover{border-color:var(--ink)}.site-card h4{margin-top:12px;line-height:1.45}.art-card .meta-row{margin-top:8px}.art-card .card-foot{margin-top:12px}.sec-sub{max-width:36em}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body.dq-app .statusbar .status-message{color:var(--muted)}.board-shell.is-pending{display:none}@media (min-width:761px){body.dq-app .empty-state{place-items:start center;padding-top:clamp(24px,7vh,72px)}}.douqu-preset-grid:empty{min-height:225px}@media (min-width:761px){.douqu-preset-grid:empty{min-height:1505px}}.sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.btn.quiet{background:0 0;border-color:#0000;color:var(--muted)!important}.btn.quiet:hover{background:var(--paper-2);border-color:var(--line);color:var(--ink)!important}.btn.danger{background:#9b4a3f;border-color:#9b4a3f}.btn.danger:hover{background:#7f3a31;border-color:#7f3a31}.btn[disabled]{opacity:.45;pointer-events:none}.works-bar{max-width:var(--page,1120px);margin:0 auto var(--s3);padding:0 var(--s4);gap:var(--s3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.works-note{max-width:560px;color:var(--muted);align-items:flex-start;gap:10px;margin:0;font-size:14px;line-height:1.7;display:flex}.works-note .ic{width:18px;height:18px;color:var(--brand);flex:none;margin-top:3px}.works-actions{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.works-actions label.btn{cursor:pointer}.works-count{color:var(--muted);margin-right:var(--s1);font-size:13px}.works-status{max-width:1120px;padding:0 var(--s4);min-height:24px;color:var(--sage);margin:0 auto;font-size:14px}.works-grid{max-width:1120px;padding:var(--s2) var(--s4) var(--s8);gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0 auto;display:grid}.works-grid[aria-busy=true]{min-height:320px}.work-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);transition:border-color .2s var(--ease),box-shadow .2s var(--ease);flex-direction:column;display:flex;overflow:hidden}.work-card:hover{border-color:var(--line-2);box-shadow:var(--shadow)}.work-thumb{aspect-ratio:4/3;background:var(--paper-2);padding:var(--s3);place-items:center;display:grid}.work-thumb img{width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:pixelated;border-radius:4px;box-shadow:0 1px #0000000a}.work-body{padding:var(--s3) var(--s3) var(--s3);flex-direction:column;flex:1;gap:4px;display:flex}.work-name{font:500 18px/1.4 var(--serif);color:var(--ink);overflow-wrap:anywhere;margin:0}.work-meta{color:var(--text);margin:0;font-size:13px}.work-time{color:var(--muted);margin:0;font-size:12px}.work-progress{background:var(--line);border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.work-progress i{background:var(--sage);height:100%;display:block}.work-actions{padding-top:var(--s2);flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.work-actions .btn{min-height:38px;padding:0 12px;font-size:13px}.works-empty{max-width:520px;margin:var(--s6) auto var(--s10);padding:var(--s5) var(--s4);text-align:center;border:1px dashed var(--line-2);border-radius:var(--r-l);color:var(--muted);line-height:1.8}.dq-dialog{border:1px solid var(--line);border-radius:var(--r-l);padding:var(--s4);background:var(--surface);width:min(420px,100vw - 32px);color:var(--text);box-shadow:var(--shadow)}.dq-dialog::backdrop{background:#2e2a2652}.dq-dialog h2{margin:0 0 var(--s2);font:500 20px/1.4 var(--serif);color:var(--ink)}.dq-dialog p{margin:0 0 var(--s3);line-height:1.8}.dq-dialog input{border:1px solid var(--line-2);border-radius:var(--r-s);width:100%;min-height:44px;font:inherit;margin-bottom:var(--s3);background:#fff;padding:0 12px;font-size:16px}.dq-dialog-actions{gap:var(--s2);justify-content:flex-end;display:flex}.dq-works-link{min-height:36px;color:var(--text,#4a443e);border:1px solid #0000;border-radius:8px;align-items:center;padding:0 12px;font-size:14px;text-decoration:none;display:inline-flex}.dq-works-link:hover{border-color:var(--line)}.dq-export-foot{margin:var(--s2) 0 0;color:var(--muted);font-size:12px;line-height:1.7}.dq-export-foot a{color:var(--brand)}.bead-page{max-width:1240px;padding:var(--s5) var(--s4) var(--s6);margin:0 auto}.bead-head{gap:var(--s3);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex}.bead-back{color:var(--muted);font-size:13px;text-decoration:none}.bead-head h1{font:500 clamp(24px,3vw,32px)/1.3 var(--serif);color:var(--ink);margin:6px 0 2px}.bead-meta{color:var(--muted);margin:0;font-size:13px}.bead-head-actions{gap:var(--s2);display:flex}.bead-progress{z-index:5;align-items:center;gap:10px var(--s3);margin:var(--s4) 0 var(--s3);padding:12px var(--s3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--r-l);background:#fffdf9f0;flex-wrap:wrap;display:flex;position:sticky;top:0}.bead-bar{background:var(--line);border-radius:3px;flex:220px;height:6px;overflow:hidden}.bead-bar i{background:var(--sage);width:0;height:100%;transition:width .3s var(--ease);display:block}.bead-nums{align-items:baseline;gap:10px;display:flex}.bead-nums strong{font:500 22px/1 var(--latin);color:var(--ink);min-width:3.6em}.bead-nums span{color:var(--text);font-size:14px}.bead-saved{color:var(--muted);margin-left:auto;font-size:12px}.bead-layout{gap:var(--s4);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.bead-stage{min-width:0}.bead-tools{margin-bottom:var(--s2);justify-content:space-between;align-items:center;display:flex}.bead-seg{border:1px solid var(--line-2);background:var(--surface);border-radius:999px;padding:3px;display:inline-flex}.bead-seg button,.bead-zoom button{min-height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:14px}.bead-seg button[aria-pressed=true]{background:var(--ink);color:#fff}.bead-zoom{gap:4px;display:inline-flex}.bead-zoom button{border:1px solid var(--line-2);background:var(--surface);width:40px;color:var(--ink);padding:0;font-size:18px}.bead-canvas-wrap{border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:72vh;padding:4px;overflow:auto}.bead-canvas-wrap canvas{cursor:pointer;touch-action:manipulation;display:block}.bead-tip{margin:var(--s2) 0 0;color:var(--muted);font-size:13px;line-height:1.7}.bead-side{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:var(--s3);max-height:calc(100vh - 110px);position:sticky;top:84px;overflow:auto}.bead-side h2{font:500 18px/1.4 var(--serif);color:var(--ink);margin:0}.bead-side-tip{margin:4px 0 var(--s2);color:var(--muted);font-size:12px}.bead-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.bead-item{border-radius:10px;align-items:center;gap:4px;display:flex}.bead-item.is-focus{background:var(--brand-tint)}.bead-item.is-done .bead-pick{opacity:.5}.bead-pick{min-width:0;min-height:44px;font:inherit;text-align:left;cursor:pointer;color:var(--text);background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:10px;padding:4px 8px;display:flex}.bead-pick:hover{background:var(--paper-2)}.bead-pick span{flex-direction:column;flex:1;min-width:0;display:flex}.bead-pick b{font:600 14px/1.3 var(--latin);color:var(--ink)}.bead-pick small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.bead-pick em{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-style:normal}.bead-sw{border-radius:50%;flex:none;width:20px;height:20px;box-shadow:inset 0 0 0 1px #2e2a262e,inset 2px 2px 3px #ffffff73}.bead-sw.board{background:repeating-linear-gradient(0deg,transparent 0 4px,var(--line-2) 4px 5px),repeating-linear-gradient(90deg,var(--paper-2) 0 4px,var(--line-2) 4px 5px);border-radius:5px}.bead-check{cursor:pointer;flex:none;place-items:center;width:44px;height:44px;display:grid}.bead-check input{width:20px;height:20px;accent-color:var(--sage);cursor:pointer}.bead-note{margin-top:var(--s4)}@media (max-width:760px){.bead-page{padding:var(--s3) var(--s2) var(--s5)}.bead-head-actions .btn{min-height:38px;font-size:13px}.bead-progress{margin:var(--s3) 0 var(--s2);padding:10px 12px;top:0}.bead-saved{width:100%;margin-left:0}.bead-layout{gap:var(--s3);grid-template-columns:1fr}.bead-canvas-wrap{max-height:58vh}.bead-side{max-height:none;position:static}.works-grid{gap:var(--s2);padding:var(--s2) var(--s2) var(--s6);grid-template-columns:1fr 1fr}.works-bar,.works-status{padding:0 var(--s2)}.work-body{padding:var(--s2)}.work-name{font-size:16px}.work-actions .btn{flex:auto;padding:0 8px}}@media (max-width:420px){.works-grid{grid-template-columns:1fr}}.works-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.work-thumb{aspect-ratio:auto;height:210px}.work-thumb img{max-height:178px}.work-actions{gap:4px}.work-actions .btn.quiet{padding:0 8px}.work-actions .btn.quiet:first-of-type{margin-left:auto}@media (max-width:760px){.work-thumb{height:180px}.work-thumb img{max-height:150px}.work-actions .btn.quiet:first-of-type{margin-left:0}}.bead-root{min-height:calc(100vh - 64px)}