:root {
  --aw-paper:#f8f7f4; --aw-ink:#29242d; --aw-muted:#655e68; --aw-line:#dfdcd8;
  --aw-plum:#54374d; --aw-family:system-ui,-apple-system,"PingFang TC","Microsoft JhengHei",sans-serif;
}
.aw-dashboard { margin:0; background:var(--aw-paper); color:var(--aw-ink); font:15px/1.6 var(--aw-family) }
.aw-dashboard *, .aw-bar *, .pen-tray * { box-sizing:border-box }
.aw-dashboard a, .aw-bar a { text-decoration:none; color:inherit }
.aw-dashboard button,.aw-dashboard input { font:inherit; color:inherit }
.aw-dashboard button,.aw-bar summary { cursor:pointer }
.aw-dashboard [hidden] { display:none!important }
.aw-dashboard :is(a,button,input):focus-visible,.aw-bar :is(a,summary):focus-visible,.pen-tray button:focus-visible {
  outline:3px solid #845977; outline-offset:4px
}
.aw-skip { position:fixed; left:12px; top:-60px; z-index:1000; padding:8px 12px; background:white }
.aw-skip:focus { top:12px }
.aw-bar { position:relative; z-index:22; font:14px/1.4 var(--aw-family); color:var(--aw-ink); background:#fffefa; border-bottom:1px solid var(--aw-line); text-align:left }
.aw-bar-inner,.aw-main,.aw-footer { width:min(calc(100% - 88px),1296px); margin:0 auto }
.aw-bar-inner { display:flex; align-items:center; gap:22px; height:67px }
.aw-bar .aw-brand { display:inline-flex; align-items:center; gap:9px; color:#302333; font:600 27px/1 Georgia,serif; letter-spacing:-1.5px }
.aw-brand b { display:grid; place-items:center; width:35px; height:35px; background:#392a3a; color:#fff9ed; border-radius:10px }
.aw-brand span { font:650 14px/1 var(--aw-family); letter-spacing:.08em; margin-left:2px }
.aw-bar-line { background:var(--aw-line); height:21px; width:1px }
.aw-bar .aw-home-link { color:var(--aw-muted); font-size:13px; font-weight:600 }
.aw-bar-end { margin-left:auto; display:flex; align-items:center; gap:26px }
.aw-bar .aw-help { color:#5f5760; font-size:13px }
.aw-launch { position:relative; margin:0; padding:0; border:0; background:none; border-radius:0 }
.aw-launch summary { list-style:none; display:flex; align-items:center; gap:8px; border:1px solid var(--aw-line); border-radius:7px; padding:8px 13px; background:white; color:#463546; font:600 13px/1.4 var(--aw-family) }
.aw-launch summary::-webkit-details-marker { display:none }
.aw-launch summary::after { content:none }
.aw-launch nav { position:absolute; top:calc(100% + 8px); right:0; width:232px; padding:12px; border:1px solid var(--aw-line); background:#fffefa; border-radius:12px; box-shadow:0 12px 40px #30233320; display:grid; gap:2px }
.aw-launch:not([open]) nav { display:none }
.aw-launch nav small { padding:5px 8px; font:600 11px var(--aw-family); color:var(--aw-muted) }
.aw-launch nav a { display:flex; align-items:center; gap:10px; padding:8px; border-radius:6px; font:550 14px var(--aw-family); color:var(--aw-ink) }
.aw-launch nav a:hover,.aw-launch nav a[aria-current=page] { background:#f3f0ed }
.aw-launch nav .aw-icon { width:30px; height:30px; border-radius:7px }
.aw-launch nav .aw-icon svg { width:17px; height:17px }
.aw-launch nav .aw-all { border-top:1px solid var(--aw-line); border-radius:0; margin-top:5px; padding-top:12px; justify-content:space-between }
.aw-main { padding:26px 0 0; max-width:unset }
.aw-title,.aw-section-title,.aw-feature-label,.aw-feature-label i,.aw-local,.aw-guide,.aw-footer,.aw-footer nav { display:flex; align-items:center }
.aw-title,.aw-section-title,.aw-footer { justify-content:space-between; gap:16px }
.aw-dashboard h1,.aw-dashboard h2,.aw-dashboard h3,.aw-dashboard p { margin:0 }
.aw-dashboard h1,.aw-dashboard h2,.aw-dashboard h3 { color:inherit; letter-spacing:-.045em }
.aw-dashboard h1 { font-size:clamp(30px,3.1vw,43px); line-height:1.22; font-weight:650; margin-top:5px }
.aw-title small,.aw-section-title small,.aw-guide small,.aw-shelf>small { font:650 10px/1.3 ui-monospace,Consolas,monospace; letter-spacing:.14em; color:#786876 }
.aw-local { gap:8px; font-size:12px; color:#5c625c; border:1px solid var(--aw-line); background:#fcfbf9; border-radius:20px; padding:5px 12px }
.aw-local i { width:7px; height:7px; border-radius:50%; background:#53705c }
.aw-feature { position:relative; isolation:isolate; overflow:hidden; background:radial-gradient(ellipse at 78% 31%,#503b50 0,#302333 63%); color:#fff9ef; border-radius:16px; margin:21px 0 32px; min-height:270px; display:flex; align-items:center }
.aw-feature img { position:absolute; right:0; width:53%; height:100%; top:0; object-fit:contain; object-position:center; z-index:-1; mask-image:linear-gradient(to right,transparent,#000 13%) }
.aw-feature-copy { width:55%; padding:31px clamp(23px,3.5vw,52px) }
.aw-feature-label { gap:10px; color:#e3c8c6; font:600 10px/1.5 var(--aw-family); letter-spacing:.15em }
.aw-feature-label i { width:21px; height:1px; background:#d1a899 }
.aw-feature-label span { opacity:.62 }
.aw-feature h2 { font:600 clamp(29px,3.4vw,49px)/1.3 "Noto Serif TC","Songti TC","PMingLiU",serif; letter-spacing:.01em; margin:15px 0 9px }
.aw-feature p { color:#e4d9df; font-size:14px; line-height:1.8 }
.aw-hero-link { display:inline-flex; align-items:center; gap:24px; padding:9px 18px; background:#f7eedb; border-radius:7px; font-weight:650; margin-top:21px }
.aw-feature .aw-hero-link { color:#392b35 }
.aw-hero-link:hover { background:#fff9ed }
.aw-dashboard h2:not(#feature-title) { font-size:clamp(22px,2vw,29px); line-height:1.4; margin-top:3px; font-weight:650 }
.aw-search { display:flex; gap:9px; align-items:center; width:min(245px,45%); padding:9px 11px; background:#fffefa; border:1px solid #d9d5d2; border-radius:7px; color:#776e73 }
.aw-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; font-size:13px }
.aw-search:focus-within { outline:2px solid #845977; outline-offset:1px }
.aw-search kbd { padding:0 5px; color:#7a7477; background:#f6f4f1; border:1px solid var(--aw-line); border-radius:4px; font-size:11px }
.aw-filter { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:17px 0 15px }
.aw-filter button { padding:4px 12px; border:1px solid transparent; border-radius:20px; background:transparent; color:var(--aw-muted); font-size:13px }
.aw-filter button[aria-pressed=true] { background:#ebe5e9; color:#493349; border-color:#dfd4dd; font-weight:650 }
.aw-filter button:hover { background:#eeeae7 }
#toolCount { margin-left:auto; font-size:12px; color:var(--aw-muted) }
.aw-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px }
.aw-card { display:flex; flex-flow:column; align-items:flex-start; position:relative; border:1px solid var(--aw-line); border-radius:12px; background:#fffefa; padding:18px 16px 12px }
.aw-card:hover { border-color:#bdb0bb; box-shadow:0 4px 14px #30233309 }
.aw-card-top { width:100%; display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:16px }
.aw-icon { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:10px }
.aw-handwriting { background:#eae2ec; color:#644969 }
.aw-text { background:#e0e8ec; color:#386477 }
.aw-htmlpdf { background:#dfeae4; color:#3f6a54 }
.aw-image { background:#f4e5dc; color:#9b5e40 }
.aw-video { background:#e4e5f0; color:#595e91 }
.aw-fav { display:grid; place-items:center; min-width:30px; min-height:30px; background:transparent; border:0; border-radius:5px; line-height:1!important; font-size:22px!important; color:#777077!important }
.aw-fav[aria-pressed=true] { color:#845477!important }
.aw-fav:hover { background:#f3efec }
.aw-card small { font:650 9px/1.5 ui-monospace,Consolas,monospace; letter-spacing:.15em; color:var(--aw-muted) }
.aw-card h3 { font-size:20px; line-height:1.4; margin:4px 0 8px; font-weight:650 }
.aw-card p { flex:1; color:var(--aw-muted); font-size:13px; line-height:1.75 }
.aw-card .aw-open { width:100%; display:flex; justify-content:space-between; border-top:1px solid #ece9e4; margin-top:16px; padding-top:9px; color:#593d55; font-size:12px; font-weight:650 }
.aw-open span,.aw-hero-link span { font-size:15px }
.aw-tools { scroll-margin-top:12px }
.aw-empty,.aw-shelf,.aw-guide { background:#f1efea; border:1px solid var(--aw-line); border-radius:11px; padding:19px 23px; margin-top:22px!important }
.aw-guide { gap:25px; background:transparent; padding:19px 0; border:0; border-radius:0; border-top:1px solid var(--aw-line) }
.aw-guide h2 { font-size:18px!important }.aw-guide p { font-size:13px; color:var(--aw-muted) }
.aw-guide>a { margin-left:auto; color:var(--aw-plum); font-weight:600; font-size:13px; white-space:nowrap }
.aw-recent,.aw-recent>div,#awDrafts { display:flex; align-items:center; flex-wrap:wrap; gap:9px }
.aw-recent { margin:16px 0; font-size:13px; color:var(--aw-muted) }
.aw-recent a,#awDrafts a { display:inline-block; padding:5px 11px; border:1px solid var(--aw-line); border-radius:6px; background:#fffefa; color:var(--aw-plum) }
#awDrafts { margin-top:12px } #awDrafts a { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.aw-footer { border-top:1px solid var(--aw-line); padding:20px 0 32px; font-size:12px; color:var(--aw-muted) }
.aw-footer nav { gap:18px }
.aw-dashboard #siteToast { position:fixed; bottom:18px; left:50%; transform:translateX(-50%); color:white; background:#372d39; padding:8px 14px; border-radius:7px; visibility:hidden }
.aw-dashboard #siteToast.visible { visibility:visible }
.pen-tray { border:0; padding:0; margin:0 0 19px; min-width:0 }
.pen-tray legend { padding:0; margin:0 0 8px; font-size:13px; font-weight:700 }
.pen-choices { display:flex; gap:7px }
.pen-choices button { flex:1; display:grid; justify-items:center; gap:3px; padding:8px; border:1px solid #d4cdd3; background:#fffefa; color:#605a60; font-size:13px; border-radius:7px }
.pen-choices button[aria-pressed=true] { background:#f0e8ee; border-color:#92728a; color:#50344b; box-shadow:inset 0 0 0 1px #92728a }
.pen-choices svg { width:44px; height:14px }.pen-tray small { display:block; color:#665e67; font-size:11px; margin-top:6px }
.aw-preview-jump { display:none }
@media screen {
  body[data-tool] { background:#f8f7f4 }
  body[data-tool="handwriting"]>header { background:#fffefa; border-color:var(--aw-line); height:auto; padding-top:10px; padding-bottom:10px }
  body[data-tool="handwriting"] .intro { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-top:12px; padding-bottom:22px; margin-bottom:0 }
  body[data-tool="handwriting"] .header-right { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:9px }
  body[data-tool="handwriting"] .intro p { font-size:13px; color:#625d65 }
  body[data-tool="handwriting"] .intro a { color:#60445a }
  body[data-tool="handwriting"] .intro h1 { margin:4px 0; font-size:30px; color:var(--aw-ink) }
  body[data-tool="handwriting"] .intro .eyebrow { color:#785d72; font-size:10px }
  body[data-tool="handwriting"] :is(.controls,.preview) { border-radius:12px; border-color:#ddd7db }
  body[data-tool="handwriting"] .paper-scroll { background:#e9e6e2 }
  body[data-tool="handwriting"] .primary,body[data-tool="handwriting"] .logo { background:#51394d; color:white }
  body[data-tool="handwriting"] .tab.active { color:#51394d; border-color:#74576c }
  body[data-tool="handwriting"] .paste-guide { margin-top:16px }
}
@media(max-width:1050px) {
  .aw-bar-inner,.aw-main,.aw-footer { width:calc(100% - 48px) }
  .aw-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }
  .aw-feature img { width:48% }
}
@media(max-width:680px) {
  .aw-bar-inner,.aw-main,.aw-footer { width:calc(100% - 32px) }
  .aw-bar-inner { height:56px; gap:12px }.aw-bar .aw-brand { font-size:23px }.aw-brand b { width:30px; height:30px }
  .aw-bar .aw-help,.aw-bar-line,.aw-bar .aw-home-link { display:none }.aw-launch summary { padding:7px 10px }
  .aw-main { padding-top:21px }.aw-title h1 { font-size:28px }.aw-title small { font-size:9px }.aw-local { font-size:10px }
  .aw-feature { flex-direction:column; align-items:stretch; margin:15px 0 24px; border-radius:12px }
  .aw-feature-copy { width:100%; padding:23px 22px 5px; order:0 }.aw-feature h2 { margin:9px 0; font-size:29px }
  .aw-feature img { position:static; order:1; width:100%; height:155px; object-fit:contain; mask-image:none; margin-bottom:4px }
  .aw-feature p { font-size:13px }.aw-wide { display:none }.aw-hero-link { margin-top:13px; padding:7px 13px; font-size:13px }
  .aw-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px }.aw-card { padding:14px 12px 11px }.aw-card h3 { font-size:18px }
  .aw-filter { gap:3px; margin:12px 0 }.aw-filter button { padding:4px 8px; font-size:12px }#toolCount { font-size:11px }
  .aw-card-top { margin-bottom:11px }.aw-section-title { gap:8px }.aw-search { width:48%; padding:7px 9px }.aw-search kbd { display:none }
  .aw-guide { display:grid; grid-template-columns:1fr auto; gap:4px 8px }.aw-guide p { grid-row:2; grid-column:1/-1 }.aw-guide>a { grid-row:1; grid-column:2 }
  .aw-footer { gap:8px; flex-wrap:wrap }.aw-footer nav { gap:11px }
  .aw-preview-jump { display:inline-block; margin:0 0 12px; color:#54374d; font-size:13px }
  body[data-tool="handwriting"] .intro { flex-direction:column; align-items:flex-start; gap:9px; padding-bottom:10px }
  body[data-tool="handwriting"] .header-right { justify-content:flex-start }
}
@media(max-width:370px) { .aw-search input { font-size:11px }.aw-card h3 { font-size:16px } }
@media print { .aw-bar,.aw-preview-jump { display:none!important } }