:root{--hanart-page-bg: #e8ddcb;--hanart-panel: rgba(255, 255, 255, .78);--hanart-panel-strong: rgba(247, 239, 226, .92);--hanart-border: rgba(92, 70, 28, .18);--hanart-text-primary: #2b2015;--hanart-text-secondary: #5c4a37;--hanart-accent: #9e3c20;--hanart-accent-dark: #7f2f18;--hanart-muted: #c3af94;--hanart-radius-lg: 18px;--hanart-radius-md: 12px;--hanart-radius-sm: 8px;color-scheme:only light;font-family:"Noto Serif SC",Songti SC,"Source Han Serif SC",serif;line-height:1.55;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.45),transparent 60%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.35),transparent 55%),var(--hanart-page-bg);color:var(--hanart-text-primary)}#app{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.hanart-surface{background-color:var(--hanart-panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--hanart-border);border-radius:var(--hanart-radius-lg);box-shadow:0 16px 40px #4b300c1f}.hanart-surface--subtle{background-color:var(--hanart-panel-strong)}.hanart-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.5rem;border-radius:var(--hanart-radius-md);border:1px solid rgba(158,60,32,.65);background:linear-gradient(135deg,#9e3c20f0,#882e13f0);color:#faf5ee;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.hanart-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #9e3c2052;background:linear-gradient(135deg,#a64123fa,#7a260ffa)}.hanart-button:active{transform:translateY(0);box-shadow:inset 0 2px 6px #0003}.hanart-button:disabled,.hanart-button--disabled{background:linear-gradient(135deg,#cba292f2,#b88674f2);border-color:#9e3c2059;color:#ffffffeb;cursor:not-allowed;transform:none;box-shadow:none}.hanart-button:disabled:hover,.hanart-button:disabled:focus,.hanart-button--disabled:hover,.hanart-button--disabled:focus{background:linear-gradient(135deg,#cba292f2,#b88674f2);border-color:#9e3c2059;color:#ffffffeb;cursor:not-allowed}.hanart-button--ghost:disabled,.hanart-button--disabled.hanart-button--ghost{background:#9e3c2014;border-color:#9e3c2040;color:#9e3c2080}.hanart-button--ghost:disabled:hover,.hanart-button--ghost:disabled:focus,.hanart-button--disabled.hanart-button--ghost:hover,.hanart-button--disabled.hanart-button--ghost:focus{background:#9e3c2014;border-color:#9e3c2040;color:#9e3c2080}.hanart-button--ghost{background:transparent;border-color:#9e3c2066;color:var(--hanart-accent)}.hanart-button--ghost:hover{background:#9e3c201f;box-shadow:none}.hanart-input{width:100%;padding:.65rem .9rem;border-radius:var(--hanart-radius-md);border:1px solid rgba(84,60,34,.2);background:#ffffffdb;transition:border-color .2s ease,box-shadow .2s ease}.hanart-input:focus{outline:none;border-color:#9e3c20a6;box-shadow:0 0 0 4px #9e3c202e}.hanart-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;background:#5c461c1a;color:var(--hanart-text-secondary);font-size:.85rem}.hanart-scrollbar::-webkit-scrollbar{width:10px}.hanart-scrollbar::-webkit-scrollbar-track{background:#0000000d}.hanart-scrollbar::-webkit-scrollbar-thumb{background:#5c461c3d;border-radius:999px}.hanart-scrollbar::-webkit-scrollbar-thumb:hover{background:#5c461c52}.preview-backdrop[data-v-a646ac85]{position:fixed;inset:0;background:#0f0b07b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:9999;padding:32px}.preview-panel[data-v-a646ac85]{width:min(960px,92vw);max-height:92vh;background:#fffaf3;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #120c0673;border:1px solid rgba(94,60,20,.15)}.preview-header[data-v-a646ac85]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(90deg,#9e3c202e,#cd97652e)}.preview-title h2[data-v-a646ac85]{margin:0;font-size:1.2rem;color:#2b2015eb}.preview-close[data-v-a646ac85]{border:none;background:#fff9;width:36px;height:36px;border-radius:50%;font-size:1.4rem;line-height:1;cursor:pointer;color:#2b2015cc;transition:background .2s ease,transform .2s ease}.preview-close[data-v-a646ac85]:hover{background:#ffffffd9;transform:scale(1.04)}.preview-body[data-v-a646ac85]{padding:16px 24px 8px;flex:1;overflow:hidden;display:flex;justify-content:center;align-items:center}.preview-canvas[data-v-a646ac85]{position:relative;width:100%;height:100%;max-height:72vh;display:grid;place-items:center;overflow:auto;background:#ffffffeb;border:1px dashed rgba(92,70,28,.18);border-radius:12px}.preview-canvas img[data-v-a646ac85]{max-width:100%;max-height:100%;transition:transform .25s ease-in-out;transform-origin:center center}.preview-image--no-transition[data-v-a646ac85]{transition:none!important}.preview-controls[data-v-a646ac85]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px 20px;background:#f4ede3b8;flex-wrap:wrap}.preview-controls__buttons[data-v-a646ac85]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.preview-controls__actions[data-v-a646ac85]{display:flex;align-items:center;gap:12px;margin-left:auto}.preview-controls__buttons button[data-v-a646ac85]{border:1px solid rgba(92,70,28,.3);background:#ffffffe0;border-radius:999px;padding:6px 16px;cursor:pointer;color:#2b2015d1;transition:background .2s ease,transform .2s ease}.preview-controls__buttons button[data-v-a646ac85]:hover{background:#fff;transform:translateY(-1px)}.preview-controls__buttons button[data-v-a646ac85]:disabled{opacity:.55;cursor:not-allowed;transform:none}.preview-divider[data-v-a646ac85]{width:1px;height:26px;background:#5c461c33}.preview-status[data-v-a646ac85]{margin:0;font-size:.85rem;color:#2b2015b3}.preview-status--error[data-v-a646ac85]{color:#8f2d16}.preview-status--success[data-v-a646ac85]{color:#2f6b3a}.preview-save[data-v-a646ac85]{border:none;border-radius:999px;padding:8px 22px;background:linear-gradient(135deg,#9e3c20f2,#882e13eb);color:#fff8ee;font-weight:500;cursor:pointer;box-shadow:0 8px 18px #622a1833;transition:transform .2s ease,box-shadow .2s ease}.preview-save[data-v-a646ac85]:hover{transform:translateY(-1px);box-shadow:0 10px 20px #622a1840}.preview-save[data-v-a646ac85]:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none;background:#9e3c2073}.fade-enter-active[data-v-a646ac85],.fade-leave-active[data-v-a646ac85]{transition:opacity .2s ease}.fade-enter-from[data-v-a646ac85],.fade-leave-to[data-v-a646ac85]{opacity:0}@media(max-width:768px){.preview-panel[data-v-a646ac85]{width:96vw}.preview-body[data-v-a646ac85]{padding:12px 16px 8px}.preview-controls[data-v-a646ac85]{flex-wrap:wrap;justify-content:center}}.app-shell[data-v-0a457b8d]{min-height:100vh;display:flex;flex-direction:column}.app-main[data-v-0a457b8d]{flex:1;display:flex;flex-direction:column;min-height:0}[data-v-0a457b8d] .app-main>*{flex:1 0 auto;min-height:0}.app-footer[data-v-0a457b8d]{padding:18px 16px 28px;text-align:center;font-size:.85rem;color:#2b201594;background:transparent;border-top:none}.app-footer p[data-v-0a457b8d]{margin:0;letter-spacing:.02em}@media(max-width:640px){.app-footer[data-v-0a457b8d]{padding:16px 12px 24px;font-size:.8rem}}