.site-nav[data-v-0118d329]{position:sticky;top:0;z-index:100;background:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.site-nav-inner[data-v-0118d329]{max-width:1080px;margin:0 auto;padding:0 20px;height:52px;display:flex;align-items:center;gap:28px}.nav-brand[data-v-0118d329]{font-weight:700;font-size:16px;color:#1d1d1f;text-decoration:none;letter-spacing:-.01em;white-space:nowrap;display:flex;align-items:center;gap:8px}.nav-logo[data-v-0118d329]{width:26px;height:26px;border-radius:7px;object-fit:cover;display:block}.nav-links[data-v-0118d329]{display:flex;gap:4px;min-width:0}.nav-link[data-v-0118d329]{padding:6px 14px;border-radius:20px;color:#1d1d1f;text-decoration:none;font-size:14px;transition:background .2s ease,color .2s ease}.nav-link[data-v-0118d329]:hover{background:#0000000d}.nav-link.active[data-v-0118d329]{background:var(--apple-blue, #0071e3);color:#fff}@media(max-width:560px){.site-nav-inner[data-v-0118d329]{gap:12px;padding:0 12px}.nav-brand[data-v-0118d329]{font-size:14px}.nav-links[data-v-0118d329]{overflow-x:auto;flex:1;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nav-links[data-v-0118d329]::-webkit-scrollbar{display:none}.nav-link[data-v-0118d329]{padding:5px 10px;font-size:13px;white-space:nowrap;flex-shrink:0}}:root{--apple-blue: #0071e3;--apple-blue-dark: #005bb8;--apple-gray: #86868b;--apple-gray-light: #f5f5f7;--apple-bg: #f5f5f7;--apple-card: #ffffff;--apple-radius-lg: 18px;--apple-radius-md: 12px;--apple-shadow: 0 2px 12px rgba(0, 0, 0, .06);--apple-shadow-hover: 0 8px 28px rgba(0, 0, 0, .1);--el-color-primary: #0071e3;--el-color-primary-light-3: #4d9ff0;--el-color-primary-light-5: #8cc0f5;--el-color-primary-light-7: #c5dffb;--el-color-primary-light-8: #dbeafc;--el-color-primary-light-9: #edf5fe;--el-color-primary-dark-2: #005bb8;--el-border-radius-base: 8px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--apple-bg);color:#1d1d1f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{max-width:1080px;margin:0 auto;padding:32px 20px 80px}.tool-header{margin-bottom:28px}.tool-header h2{margin:0 0 6px;font-size:36px;font-weight:700;letter-spacing:-.015em;color:#1d1d1f}.tool-header p{margin:0;color:var(--apple-gray);font-size:15px;line-height:1.5}.perler-layout>*{min-width:0}.apple-card{background:var(--apple-card);border-radius:var(--apple-radius-lg);box-shadow:var(--apple-shadow);padding:20px;min-width:0;transition:box-shadow .25s ease,transform .25s ease}.apple-card-title{font-size:15px;font-weight:600;color:#1d1d1f;margin:0 0 8px}.apple-card-hint{font-size:12px;color:var(--apple-gray);line-height:1.5;margin:0 0 10px}.upload-box{border:1.5px dashed #d2d2d7;border-radius:var(--apple-radius-lg);padding:44px 20px;text-align:center;color:var(--apple-gray);background:#fff;cursor:pointer;transition:all .25s ease}.upload-box:hover{border-color:var(--apple-blue);color:var(--apple-blue);background:#fafafa}.upload-box.dragover{border-color:var(--apple-blue);background:#edf5fe}.preview-wrap{background:#fff;border-radius:var(--apple-radius-lg);padding:14px;overflow:hidden;text-align:center;box-shadow:var(--apple-shadow)}.preview-wrap canvas{max-width:100%;height:auto}.el-button{border-radius:10px;font-weight:500}.el-button--primary{box-shadow:none}.el-button,.el-switch,.el-slider,.size-card,.upload-box,.apple-card{transition:all .22s ease}.apple-card>div[style*="font-weight: 600"]{letter-spacing:.01em}@media(max-width:900px){.page-container{padding:24px 16px 60px}}@media(max-width:640px){.page-container{padding:16px 12px 48px}.tool-header h2{font-size:26px}.tool-header p{font-size:13px}.upload-box{padding:28px 12px}.apple-card{padding:16px}.hero{padding:36px 0 24px}.hero h1{font-size:32px}.hero p{font-size:14px}.tool-grid{grid-template-columns:1fr;gap:12px}}