.nw-crayon,.nw-crayon *{box-sizing:border-box}
.nw-crayon{position:fixed;inset:0;z-index:2147483640;display:flex;justify-content:center;background:#26372866;color:#415b49;font-family:system-ui,-apple-system,'Microsoft YaHei',sans-serif}
.nw-crayon-panel{display:flex;flex-direction:column;width:min(100%,700px);height:100%;background:#faf8f0;overflow:hidden}
.nw-crayon button{font:inherit;border:0;color:inherit;cursor:pointer;touch-action:manipulation;transition:transform .14s,background .14s;-webkit-tap-highlight-color:transparent}
.nw-crayon button:active{transform:scale(.96)}.nw-crayon button:disabled{opacity:.35;cursor:default}.nw-crayon button:focus-visible{outline:3px solid #88a988;outline-offset:2px}
.nw-crayon header{display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top,0px)) 12px 12px;border-bottom:1px solid #e7e5d9;flex:none;background:#fcfaf4}
.nw-crayon header>div{flex:1;min-width:0}.nw-crayon h2{font-size:18px;margin:0}.nw-crayon header p{margin:5px 0 0;font-size:11px;color:#819078}.nw-crayon header>button{min-height:44px;min-width:44px;border-radius:12px;padding:8px 11px;background:#edf0e5}.nw-crayon header>button:first-child{font-size:28px}
.nw-crayon-save{background:#587b60!important;color:#fff!important;font-size:13px!important;white-space:nowrap}
.nw-crayon-workspace{overflow:auto;min-height:0;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:14px;flex:1;background:#f3eddf;overscroll-behavior:contain}
.nw-crayon-paper{width:100%;border:7px solid #e9dcc8;border-radius:13px;box-shadow:0 6px 24px #7a644511;background:#f4e8d6;background-image:radial-gradient(#bb9e7926 .7px,transparent .7px);background-size:4px 4px}
.nw-crayon canvas{display:block;width:100%;height:auto;aspect-ratio:1.6}.nw-crayon-paper canvas{touch-action:none;cursor:crosshair}
.nw-crayon-help{font-size:12px;color:#89765f;margin:0;text-align:center;line-height:1.6}
.nw-crayon-palette{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.nw-crayon-palette button{min-width:35px;min-height:52px;background:none;border-radius:10px;border:2px solid transparent;padding:7px}.nw-crayon-palette button[aria-pressed=true]{border-color:#93826a;background:#fcf7e9}.nw-crayon-palette button span{display:block;width:16px;height:34px;background:var(--crayon);border-radius:4px 4px 2px 2px;clip-path:polygon(50% 0,100% 20%,100% 100%,0 100%,0 20%);box-shadow:inset 4px 0 #ffffff30}
.nw-crayon-options{display:flex;gap:8px;align-items:center;font-size:13px;color:#747762}.nw-crayon-options button{min-width:44px;min-height:44px;border:1px solid #ded7c5;border-radius:10px;background:#fbf7ed}.nw-crayon-options button[aria-pressed=true]{background:#dde7d4;border-color:#95a983}.nw-crayon-color-name{min-width:64px;padding-left:4px}
.nw-crayon-actions{display:flex;gap:9px}.nw-crayon-actions button{min-height:44px;padding:10px 18px;background:#fff9ed;border:1px solid #e0d7c4;border-radius:12px;font-size:13px}
.nw-crayon-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin:3px 0}.nw-crayon-presets button{min-width:0;padding:5px 3px 10px;border:1px solid #e5dac6;border-radius:12px;background:#fcf7eb;font-size:12px}.nw-crayon-presets canvas{pointer-events:none}.nw-crayon-presets span{display:block;margin-top:5px}
.nw-crayon-message{margin:0;font-size:12px;color:#77785f;line-height:1.7;text-align:center}.nw-crayon-workspace small{font-size:11px;color:#8c8c78;text-align:center}
.th-wall-edit{position:absolute;top:10px;left:12px;border:1px solid #d9e1ccd9;border-radius:15px;background:#fafcf1ed;color:#627b56;padding:6px 10px;min-height:36px;font-size:11px!important}
@media(max-width:360px){.nw-crayon header{gap:6px;padding-left:8px;padding-right:8px}.nw-crayon h2{font-size:16px}.nw-crayon-palette{gap:1px}.nw-crayon-palette button{padding:5px;min-width:32px}.nw-crayon-workspace{padding-left:10px;padding-right:10px}}
@media(prefers-reduced-motion:reduce){.nw-crayon button{transition:none}}