:root{--bg: #f5f0e6;--bg-soft: #efe8da;--surface: #ffffff;--surface-2: #fbf8f1;--ink: #2c251e;--ink-soft: #5f5447;--muted: #988d7d;--border: #e6dccb;--border-strong: #d5c8b2;--accent: #f2543d;--accent-deep: #d9432e;--accent-soft: #fde9e4;--teal: #2f9e8f;--teal-soft: #def1ed;--gold: #eaa92c;--gold-soft: #fdf0d7;--violet: #7b6ce0;--violet-soft: #ece9fb;--success: #3c9e5b;--danger: #d94a3f;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--shadow-1: 0 1px 2px rgba(44, 37, 30, .04), 0 4px 14px rgba(44, 37, 30, .06);--shadow-2: 0 10px 34px rgba(44, 37, 30, .12);--shadow-3: 0 22px 60px rgba(44, 37, 30, .18);--font: "Inter", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.01em}p{margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d8ccb7;border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.app-shell{display:flex;min-height:100vh}.main{flex:1;min-width:0;display:flex;flex-direction:column}.main-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:28px 36px 64px}.container{max-width:1200px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-title{font-size:26px;font-weight:900;line-height:1.2}.page-sub{color:var(--muted);margin-top:6px;font-size:14px}.sidebar{width:232px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:2px 8px 18px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--accent);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;padding:7px;box-shadow:0 3px 10px #f2543d59;flex-shrink:0}.brand-mark i{display:block;border-radius:50%;background:#fff}.brand-mark i:nth-child(2){background:#f7d85e}.brand-mark i:nth-child(3){background:#5ebe7a}.brand-mark i:nth-child(4){background:#5ba9e8}.brand-name{font-weight:900;font-size:17px;letter-spacing:-.01em;line-height:1.15}.brand-tag{font-size:11px;color:var(--muted);letter-spacing:.02em}.nav{display:flex;flex-direction:column;gap:4px;margin-top:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;border:none;background:transparent;color:var(--ink-soft);font-weight:600;font-size:14px;text-align:left;transition:background .15s,color .15s;width:100%}.nav-item:hover{background:var(--bg-soft);color:var(--ink)}.nav-item.active{background:var(--accent-soft);color:var(--accent-deep)}.nav-item svg{flex-shrink:0}.nav-spacer{flex:1}.sidebar-foot{padding:10px 6px 2px}.pro-mini{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fff7e2,#fdeccb);border:1px solid #f2dcae;border-radius:14px;padding:12px;cursor:pointer;text-align:left;transition:transform .15s,box-shadow .15s}.pro-mini:hover{transform:translateY(-1px);box-shadow:var(--shadow-1)}.pro-mini-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#f3b73e,#e89b1c);display:grid;place-items:center;color:#fff;flex-shrink:0}.pro-mini-title{font-weight:800;font-size:13px;line-height:1.25}.pro-mini-sub{font-size:11px;color:#a57917}.topbar{display:flex;align-items:center;gap:16px;padding:18px 36px;padding-top:calc(18px + env(safe-area-inset-top));border-bottom:1px solid var(--border);background:#f5f0e6d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.topbar-title{font-size:18px;font-weight:800}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:border-color .15s,box-shadow .15s}.user-chip:hover{border-color:var(--border-strong);box-shadow:var(--shadow-1)}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;background:linear-gradient(135deg,#f57d6a,#f2543d)}.avatar.pro{background:linear-gradient(135deg,#f3b73e,#e89b1c)}.user-chip-name{font-weight:700;font-size:13px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#a57917;background:var(--gold-soft);border:1px solid #f0d9a8;border-radius:999px;padding:2px 8px}.free-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid transparent;padding:10px 18px;font-weight:700;font-size:14px;transition:transform .12s,box-shadow .12s,background .15s,border-color .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #f2543d52}.btn-primary:hover:not(:disabled){background:var(--accent-deep)}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--ink)}.btn-ghost:hover:not(:disabled){border-color:var(--border-strong);box-shadow:var(--shadow-1)}.btn-soft{background:var(--accent-soft);color:var(--accent-deep)}.btn-soft:hover:not(:disabled){background:#fbdcd4}.btn-gold{background:linear-gradient(135deg,#f3b73e,#e89b1c);color:#fff;box-shadow:0 4px 14px #e89b1c59}.btn-gold:hover:not(:disabled){filter:brightness(1.04)}.btn-sm{padding:7px 13px;font-size:13px;border-radius:10px}.icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.icon-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong);color:var(--ink);box-shadow:var(--shadow-1)}.icon-btn.active{background:var(--accent-soft);border-color:#f4b8ab;color:var(--accent-deep)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.btn-link{background:none;border:none;color:var(--accent-deep);font-weight:700;padding:6px 10px;border-radius:8px}.btn-link:hover{background:var(--accent-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.card-pad{padding:22px}.section-title{font-size:15px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px}.section-title small{font-weight:500;color:var(--muted);font-size:12px}.muted{color:var(--muted)}.divider{height:1px;background:var(--border);border:none;margin:18px 0}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:7px 15px;font-weight:600;font-size:13px;transition:all .15s}.chip:hover{border-color:var(--border-strong);color:var(--ink)}.chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.segmented{display:inline-flex;background:var(--bg-soft);border-radius:12px;padding:3px;gap:2px}.segmented button{border:none;background:transparent;padding:8px 14px;border-radius:9px;font-weight:700;font-size:13px;color:var(--ink-soft);transition:background .15s,color .15s,box-shadow .15s}.segmented button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12px;font-weight:700;color:var(--ink-soft);letter-spacing:.02em}.input{border:1px solid var(--border);border-radius:11px;background:var(--surface);padding:10px 14px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f2543d24}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23988d7d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.range-wrap{display:flex;align-items:center;gap:14px}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:6px;border-radius:999px;background:linear-gradient(to right,var(--accent) var(--fill, 30%),var(--border) var(--fill, 30%));outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 2px 6px #2c251e33;cursor:pointer;transition:transform .1s}.range::-webkit-slider-thumb:hover{transform:scale(1.12)}.range:disabled::-webkit-slider-thumb{border-color:var(--border-strong);cursor:not-allowed}.range-value{min-width:76px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px 10px;font-weight:800;font-variant-numeric:tabular-nums;font-size:13px}.pattern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:18px}.pattern-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s;position:relative}.pattern-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--border-strong)}.pattern-thumb{aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#fffdf7,transparent 55%),linear-gradient(180deg,#fdfaf3,#f6f0e3);padding:18px}.pattern-card-body{padding:14px 16px 15px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.pattern-card-name{font-weight:800;font-size:15px;line-height:1.3}.pattern-card-meta{font-size:12px;color:var(--muted);margin-top:3px;display:flex;gap:8px;align-items:center}.pattern-card .fav-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:none;background:#ffffffe6;display:grid;place-items:center;color:var(--muted);box-shadow:var(--shadow-1);opacity:0;transition:opacity .15s,color .15s,transform .12s}.pattern-card:hover .fav-btn{opacity:1}.fav-btn:hover{transform:scale(1.1)}.fav-btn.on{color:var(--danger);opacity:1}.lock-badge{position:absolute;top:10px;left:10px;width:32px;height:32px;border-radius:50%;background:#2c251eb8;color:#fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.diff-chip{font-size:11px;font-weight:800;border-radius:999px;padding:3px 9px;display:inline-flex;align-items:center;gap:4px}.diff-0{background:#e8f4e9;color:#2e7d45}.diff-1{background:#e4f2ee;color:#227f70}.diff-2{background:var(--gold-soft);color:#a57917}.diff-3{background:var(--accent-soft);color:#c2482f}.diff-4{background:#f1e7fa;color:#6c4fb0}.search-box{position:relative;width:260px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-box .input{padding-left:38px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:22px;align-items:start}.canvas-stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;display:grid;place-items:center;box-shadow:var(--shadow-1);overflow:auto;max-height:76vh}.canvas-frame{display:inline-block;background:linear-gradient(45deg,#f3ede1 25%,transparent 25%,transparent 75%,#f3ede1 75%),linear-gradient(45deg,#f3ede1 25%,transparent 25%,transparent 75%,#f3ede1 75%);background-size:16px 16px;background-position:0 0,8px 8px;border-radius:12px;padding:12px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-cell{background:var(--surface-2);border:1px solid var(--border);border-radius:13px;padding:12px 14px}.stat-cell.wide{grid-column:1 / -1}.stat-label{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.04em;display:flex;align-items:center;gap:5px}.stat-value{font-size:19px;font-weight:800;margin-top:3px;font-variant-numeric:tabular-nums;line-height:1.2}.stat-value small{font-size:12px;font-weight:600;color:var(--muted);margin-left:3px}.color-legend{display:flex;flex-direction:column;gap:2px;max-height:260px;overflow-y:auto}.color-row{display:flex;align-items:center;gap:11px;padding:7px 8px;border-radius:10px;transition:background .12s}.color-row:hover{background:var(--surface-2)}.color-dot{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.color-name{flex:1;font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-hex{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.color-count{font-weight:800;font-size:13px;font-variant-numeric:tabular-nums;min-width:54px;text-align:right}.bar-track{height:4px;background:var(--bg-soft);border-radius:999px;overflow:hidden;margin-top:8px}.bar-fill{height:100%;border-radius:999px;background:var(--accent)}.gen-layout{display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-areas:"left right";gap:22px;align-items:start}.gen-left{grid-area:left;display:flex;flex-direction:column;gap:16px}.gen-right{grid-area:right;display:flex;flex-direction:column;gap:16px}.gen-layout>*,.gen-left>*,.gen-right>*{min-width:0}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);padding:30px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;display:grid;place-items:center;min-height:220px}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-1)}.dropzone-icon{width:52px;height:52px;border-radius:16px;background:var(--bg-soft);display:grid;place-items:center;margin:0 auto 14px;color:var(--ink-soft)}.dropzone.drag .dropzone-icon{background:#fff;color:var(--accent)}.dropzone-title{font-weight:800;font-size:15px}.dropzone-sub{color:var(--muted);font-size:12px;margin-top:5px}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.preview-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px;text-align:center;min-width:0}.preview-box-title{font-weight:800;font-size:12px;color:var(--ink-soft);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:6px}.preview-canvas-wrap{min-height:220px;min-width:0;display:grid;place-items:center;border-radius:12px;background:linear-gradient(45deg,#f3ede1 25%,transparent 25%,transparent 75%,#f3ede1 75%),linear-gradient(45deg,#f3ede1 25%,transparent 25%,transparent 75%,#f3ede1 75%),#fff;background-size:16px 16px;background-position:0 0,8px 8px;overflow:hidden}.preview-canvas-wrap img{max-width:100%;max-height:320px;display:block}.preview-canvas-wrap canvas{max-width:100%;display:block}.empty-preview{color:var(--muted);font-size:13px;padding:40px 10px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.editor-stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);overflow:auto;max-height:calc(100vh - 190px);padding:22px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tool-group{display:flex;gap:6px;padding-right:8px;border-right:1px solid var(--border);margin-right:2px}.tool-group:last-child{border-right:none}.editor-canvas-wrap{display:inline-block;touch-action:none;cursor:crosshair;background:linear-gradient(45deg,#f3ede1 25%,transparent 25%,transparent 75%,#f3ede1 75%),linear-gradient(45deg,#f3ede1 25%,transparent 25%,transparent 75%,#f3ede1 75%),#fff;background-size:18px 18px;background-position:0 0,9px 9px;border-radius:12px}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:7px}.palette-swatch{aspect-ratio:1;border-radius:10px;border:2px solid transparent;cursor:pointer;position:relative;transition:transform .12s,box-shadow .12s;box-shadow:inset 0 0 0 1px #00000014}.palette-swatch:hover{transform:scale(1.12);z-index:2}.palette-swatch.selected{border-color:var(--ink);transform:scale(1.08);box-shadow:0 0 0 3px #2c251e26}.palette-swatch.empty{background:linear-gradient(to top right,transparent 46%,#e04d3f 47%,#e04d3f 53%,transparent 54%),var(--surface)}.zoom-controls{display:flex;align-items:center;gap:6px}.zoom-label{font-size:12px;font-weight:700;color:var(--muted);min-width:42px;text-align:center;font-variant-numeric:tabular-nums}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.plan-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);padding:26px;display:flex;flex-direction:column;position:relative}.plan-card.pro{border:2px solid var(--gold);background:linear-gradient(180deg,#fffdf6,#fff8e8);box-shadow:var(--shadow-2)}.plan-flag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f3b73e,#e89b1c);color:#fff;font-size:11px;font-weight:800;padding:4px 14px;border-radius:999px;letter-spacing:.03em;box-shadow:0 3px 10px #e89b1c66}.plan-name{font-size:18px;font-weight:900}.plan-price{font-size:32px;font-weight:900;letter-spacing:-.02em;margin:12px 0 2px;font-variant-numeric:tabular-nums}.plan-price small{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0}.plan-desc{color:var(--ink-soft);font-size:13px;margin-bottom:16px}.plan-features{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:10px}.plan-features li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--ink-soft)}.plan-features li svg{flex-shrink:0;margin-top:2px;color:var(--success)}.plan-features li.no svg{color:#cfc6b7}.plan-features li.no{color:var(--muted);text-decoration:line-through;text-decoration-color:#d8cec0}.plan-card .btn{margin-top:auto}.compare-table{width:100%;border-collapse:collapse;font-size:13px}.compare-table th,.compare-table td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left}.compare-table th{font-size:12px;color:var(--muted);font-weight:700}.compare-table td:nth-child(2),.compare-table td:nth-child(3){text-align:center;width:96px}.compare-table .check{color:var(--success)}.compare-table .cross{color:#cfc6b7}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c251e6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:20px;animation:fadeIn .18s ease}.modal{background:var(--surface);border-radius:22px;box-shadow:var(--shadow-3);width:100%;max-width:560px;max-height:88vh;overflow-y:auto;padding:26px;animation:popIn .2s cubic-bezier(.2,.9,.3,1.2);position:relative}.modal.wide{max-width:820px}.modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:10px;border:none;background:var(--surface-2);color:var(--ink-soft);display:grid;place-items:center}.modal-close:hover{background:var(--bg-soft)}.modal-title{font-size:20px;font-weight:900}.modal-sub{color:var(--muted);margin-top:6px;font-size:13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.toast-wrap{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:var(--ink);color:#fff;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:600;box-shadow:var(--shadow-2);display:flex;align-items:center;gap:8px;animation:popIn .22s cubic-bezier(.2,.9,.3,1.2)}.toast.success{background:#2e7d45}.toast.info{background:var(--ink)}.empty-state{text-align:center;padding:70px 20px;color:var(--muted)}.empty-state .empty-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:20px;background:var(--bg-soft);display:grid;place-items:center;color:var(--muted)}.empty-state h3{color:var(--ink);margin-bottom:6px}.badge-new{background:var(--teal-soft);color:#1d766a;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px}.login-card{max-width:380px;margin:60px auto;text-align:center}.login-avatar{width:64px;height:64px;border-radius:20px;margin:0 auto 14px;background:linear-gradient(135deg,#f57d6a,#f2543d);display:grid;place-items:center;color:#fff}.user-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.usage-bar{height:8px;border-radius:999px;background:var(--bg-soft);overflow:hidden}.usage-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#f57d6a,var(--accent));transition:width .3s ease}.account-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.admin-table th{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.admin-table tbody tr:hover td{background:var(--surface-2)}.admin-actions{display:flex;gap:10px;align-items:center;white-space:nowrap}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink-soft);cursor:pointer;padding:10px 0}.check-row input{width:16px;height:16px;accent-color:var(--accent)}@media (max-width: 1080px){.gen-layout,.editor-layout,.detail-layout,.account-grid{grid-template-columns:1fr}.gen-layout{display:flex;flex-direction:column;gap:16px;align-items:stretch}.gen-left,.gen-right{display:contents}.gen-upload-card{order:1}.gen-previews{order:2}.gen-settings-card{order:3}.gen-save-btn{order:4}.gen-stats{order:5}.pattern-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 820px){.sidebar{display:none}.main-scroll{padding:18px 16px 48px}.topbar{padding:14px 16px}.page-head{flex-direction:column;align-items:flex-start}.search-box{width:100%}.preview-grid,.plan-grid,.user-stats,.settings-grid{grid-template-columns:1fr}.main{padding-bottom:64px}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:30}.mobile-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;font-size:11px;font-weight:700;color:var(--muted);padding:6px 4px;border-radius:12px}.mobile-nav button.active{color:var(--accent-deep);background:var(--accent-soft)}@media (max-width: 820px){.mobile-nav{display:flex}}@media print{body{background:#fff}}