:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:#1f2933;background-color:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #eff6ff;--color-primary-border: #bfdbfe;--color-surface: #ffffff;--color-bg: #f5f7fb;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-subtle: #94a3b8;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-bg: #fef2f2;--color-success: #10b981;--color-success-bg: #f0fdf4;--color-warning: #f59e0b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(15,23,42,.08);--shadow-lg: 0 10px 25px rgba(15,23,42,.12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7fb;color:#1f2933}a{color:inherit;text-decoration:none}button{border-radius:8px;border:1px solid #d4d8e1;padding:8px 12px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease}button:hover{border-color:#1f7aec;color:#1f7aec}.app-shell{max-width:1440px;margin:0 auto;padding:24px 32px 64px;position:relative}.app-shell:before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#7c3aed,#06b6d4);z-index:100}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid #f1f5f9;margin-bottom:4px}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.title-block .title{font-size:26px;font-weight:800;color:#0f172a;letter-spacing:-.02em;background:linear-gradient(135deg,#0f172a,#2563eb 120%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-block .subtitle{color:#64748b;font-size:13px;margin-top:3px}.material-count{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 12px;border-radius:999px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;font-weight:700;font-size:12px;width:fit-content;border:1px solid #bfdbfe;letter-spacing:.02em}.mode-switch{display:inline-flex;border:1px solid #d4d8e1;border-radius:10px;overflow:hidden}.mode-switch button{border:none;padding:10px 16px;background:#f5f7fb}.mode-switch button.active{background:#1f7aec;color:#fff}.tabs{margin-top:20px;display:inline-flex;gap:4px;margin-bottom:20px;background:#f1f5f9;padding:4px;border-radius:14px;border:1px solid #e8ecf2}.tab{border-radius:10px;padding:8px 22px;border:none;background:transparent;color:#64748b;flex:0 1 auto;min-width:auto;font-weight:500;font-size:14px;transition:all .2s ease;white-space:nowrap}.tab.active{color:#1e40af;background:#fff;box-shadow:0 1px 4px #2563eb26,0 1px 2px #0000000f;font-weight:700}.layout-grid{display:grid;grid-template-columns:360px 1fr;gap:24px;margin-top:0}.materials-layout{align-items:start}.draw-card-panel{position:absolute;right:24px;top:110px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.draw-toolbar{display:flex;gap:8px;align-items:center}.draw-toolbar{display:flex;gap:8px}.draw-card-panel .primary.outline{background:#fff;color:#1f7aec;border:1px solid #1f7aec}.draw-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60}.draw-modal{width:min(1080px,96vw);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;padding:24px;display:flex;flex-direction:column;gap:16px;max-height:90vh}.draw-modal-header{display:flex;justify-content:space-between;align-items:center}.draw-modal-body{overflow:auto;padding-right:4px;max-height:calc(90vh - 160px);display:flex;flex-direction:column;gap:12px}.draw-content-block{padding:16px;border:none;border-radius:12px;background:#f8fafc;display:flex;flex-direction:column;gap:12px}.draw-actions{display:flex;gap:10px;justify-content:flex-end}.draw-content.empty{color:#94a3b8}.draw-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.draw-media-thumb{width:100%;padding-top:56%;position:relative;overflow:hidden;border-radius:8px;border:1px solid #f1f5f9;background:#fff;cursor:pointer}.draw-media-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rule-manager{width:260px;border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fff;box-shadow:0 4px 12px #0f172a14;display:flex;flex-direction:column;gap:10px}.rule-manager-header{display:flex;justify-content:flex-end}.rule-card{border:1px solid #e2e8f0;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.rule-row{display:grid;grid-template-columns:1fr 52px 54px 58px;align-items:center;gap:6px}.rule-name{flex:1;padding:6px 8px;border:1px solid #d4d8e1;border-radius:8px}.rule-default{display:flex;align-items:center;gap:4px;font-size:12px;color:#475467}.rule-grid{display:flex;flex-direction:column;gap:8px}.rule-label{font-size:12px;color:#6b7280}.time-range-list{display:flex;flex-direction:column;gap:6px}.time-range{display:flex;align-items:center;gap:6px}.time-range input{flex:1;padding:6px 8px;border-radius:8px;border:1px solid #d4d8e1}.rule-category-list{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow:auto;padding:4px;border:1px solid #f1f5f9;border-radius:8px;background:#f8fafc}.rule-hint{font-size:12px;color:#94a3b8}.rule-popover{position:absolute;top:100%;margin-top:4px;right:0;z-index:10}.draw-hint{font-size:12px;color:#ef4444}.draw-result{width:260px;border:1px solid #d4d8e1;border-radius:12px;padding:12px;background:#fff;box-shadow:0 6px 16px #0f172a1a}.draw-result .title-row{display:flex;align-items:center;gap:8px}.draw-title{font-weight:600;color:#0f172a;flex:1}.badge.random{background:#34d399;color:#fff;border-color:#34d399}.draw-meta{font-size:12px;color:#6b7280;margin:6px 0}.draw-content{font-size:13px;color:#334155;margin:0;max-height:72px;overflow:hidden}.panel{background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:20px;padding:20px;box-shadow:0 2px 8px #0f172a0d,0 1px 3px #0000000a;transition:box-shadow .2s ease}.upload-panel{position:sticky;top:16px;align-self:start;display:flex;flex-direction:column;gap:12px}.materials-layout .upload-panel,.materials-layout .content-area{min-height:0;max-height:calc(100dvh - 180px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.materials-layout .upload-panel{position:relative;top:auto;align-self:stretch;padding-right:8px}.materials-layout .content-area{padding-right:8px}.materials-layout .filter-board{position:static}.panel-title{font-weight:700;font-size:15px;color:#0f172a;margin-bottom:4px;letter-spacing:-.01em}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#475467}.field.inline{flex-direction:row;justify-content:space-between;align-items:center}.field.inline.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.field input,.field textarea,.field select{padding:10px 14px;border-radius:12px;border:1px solid #e2e8f0;font-size:14px;background:#f8fafc;transition:all .2s}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.category-tree-select{border:1px solid #d4d8e1;border-radius:12px;padding:12px;background:#f8fafc;max-height:220px;overflow:auto}.category-tree-list,.category-tree-node{display:flex;flex-direction:column;gap:.5px}.category-tree-label{display:flex;align-items:center;gap:4px;font-size:12px;color:#0f172a}.category-tree-children{margin-left:16px;border-left:1px dashed #d4d8e1;padding-left:8px;display:flex;flex-direction:column;gap:.5px}.tree-toggle{width:20px;height:20px;border-radius:4px;border:1px solid #94a3b8;background:#fff;color:#475467;font-size:12px;cursor:pointer}.tree-toggle-placeholder{display:inline-block;width:20px;height:20px}.link-button{background:none;border:none;color:#1f7aec;padding:0;margin-top:6px;cursor:pointer;font-size:13px}.category-dnd-list{display:flex;flex-direction:column;gap:0;margin:0;padding:0}.cat-card-wrapper{display:flex;flex-direction:column;gap:0;margin-block:0;padding-block:0}.cat-card{border:none;background:transparent;padding:0;box-shadow:none;min-height:auto;margin:0;line-height:1}.cat-card-header{display:flex;align-items:center;gap:2px}.cat-card-title{font-weight:600;color:#0f172a;flex:1;font-size:12px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-order-buttons{display:flex;gap:4px}.cat-order-buttons button{border:1px solid #d4d8e1;background:#f8fafc;color:#334155;border-radius:8px;padding:0 4px;cursor:pointer;font-size:12px;height:20px}.cat-order-buttons button:disabled{opacity:.4;cursor:not-allowed}.cat-card-actions{display:flex;gap:6px}.cat-card-actions button{border:none;background:transparent;color:#1f7aec;cursor:pointer;font-size:12px;padding:0 4px;height:20px;line-height:1}.cat-card-children{margin-top:0;display:flex;flex-direction:column;gap:0}.category-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.category-levels select{padding:8px 10px;border-radius:8px;border:1px solid #d4d8e1;font-size:14px}.chip-group{display:flex;gap:8px}.chip{padding:5px 12px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;font-size:13px;color:#64748b;transition:all .15s ease;cursor:pointer}.chip.active{border-color:#93c5fd;color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#dbeafe);font-weight:600;box-shadow:0 0 0 1px #2563eb26}.chip:hover:not(.active){background:#f8fafc;border-color:#cbd5e1;color:#334155}.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;font-weight:600;padding:10px 18px;box-shadow:0 1px 3px #2563eb4d,0 1px 2px #00000014;transition:all .2s ease}.primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb59;transform:translateY(-1px)}.primary:active{transform:translateY(0);box-shadow:0 1px 3px #2563eb4d}.secondary{background:#fff;color:#374151;border:1px solid #d1d5db;font-weight:500;padding:10px 16px;box-shadow:0 1px 2px #0000000a;transition:all .2s ease}.secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#111827}.ghost{background:transparent;color:#64748b;border:1px solid transparent;transition:all .15s ease}.ghost.danger{color:#ef4444}.ghost:hover{background:#f1f5f9;border-color:#e2e8f0;color:#0f172a}.ghost.danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.tips{font-size:12px;color:#6b7280;line-height:1.5}.content-area{display:flex;flex-direction:column;gap:12px}.filter-board{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:16px;border:1px solid rgba(226,232,240,.8);padding:14px 16px;box-shadow:0 2px 8px #0f172a0d;position:sticky;top:12px;z-index:10}.chip-row{display:flex;flex-direction:column;gap:4px}.chip-label{width:auto;font-size:13px;color:#6b7280}.chip-scroll{display:flex;gap:8px;flex-wrap:wrap}.chip-scroll::-webkit-scrollbar{display:none}.search-row{width:100%}.search-row .search{width:100%;background:#f8fafc;border-radius:999px;border:1px solid #d4d8e1;padding:10px 16px;font-size:14px}.media-uploader{display:flex;align-items:center;gap:12px;font-size:12px;color:#6b7280}.media-uploader button{padding:8px 12px;border-radius:10px}.hidden-file-input{display:none}.media-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.media-thumb{position:relative;border-radius:10px;overflow:hidden;border:1px solid #d4d8e1}.media-thumb img{width:100%;height:80px;object-fit:cover;display:block}.media-thumb .remove{position:absolute;top:4px;right:4px;border:none;background:#00000080;color:#fff;width:20px;height:20px;border-radius:999px;line-height:18px;padding:0;font-size:12px}.media-thumb .remove:hover{background:#000000b3}.material-list.grid-pc{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.material-list.list-h5{display:flex;flex-direction:column;gap:12px}.material-card{background:#fff;border:1px solid rgba(226,232,240,.7);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 4px #0000000f,0 1px 2px #0000000a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;justify-content:space-between}.material-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0f172a1a,0 2px 6px #0000000d;border-color:#cbd5e1}.material-card.pc .card-body{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:stretch}.material-card.pc .card-body.simple{display:block}.material-card.h5 .card-body{display:flex;flex-direction:column;gap:12px}.card-body.simple{flex:1}.card-header{display:flex;flex-direction:column;gap:6px;min-height:68px;justify-content:space-between}.card-header .title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title{font-weight:600;color:#0f172a;font-size:15px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.meta{color:#6b7280;font-size:12px;display:flex;gap:6px}.meta-row{display:flex;align-items:center;gap:8px}.meta-row .meta{flex:1 1 auto;min-width:0;flex-wrap:wrap}.meta-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid transparent;background:transparent;color:#64748b;padding:0;cursor:pointer;flex-shrink:0;margin-left:auto}.meta-action:hover{background:#f1f5f9;color:#0f172a}.meta-action:disabled{cursor:not-allowed;opacity:.4}.meta-action svg{width:16px;height:16px}.dot{color:#cbd5e1}.badge{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;letter-spacing:.02em}.badge.posted{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.badge.unposted{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.badge.draft{background:#fffbeb;color:#b45309;border-color:#fcd34d}.card-body .preview{background:#f1f5f9;border-radius:12px;height:200px;display:flex;align-items:stretch;justify-content:center;color:#6b7280;font-size:13px;border:none;overflow:hidden}.card-body .preview.clickable{cursor:pointer}.card-body .preview img{width:100%;height:100%;object-fit:cover}.preview-thumb{width:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px;padding:24px;text-align:center}.preview-overlay{position:fixed;inset:0;background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:16px 12px;overflow-y:auto;height:100vh;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.preview-dialog{background:#fff;border-radius:24px;padding:24px;max-width:1100px;width:100%;max-height:calc(100vh - 24px);overflow-y:auto;position:relative;display:flex;flex-direction:column}.preview-header-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:2}.preview-icon-button{border:none;background:#0f172a1a;width:32px;height:32px;border-radius:50%;color:#0f172a;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.preview-icon-button:hover{background:#0f172a2e}.preview-icon-button:active{transform:scale(.96)}.preview-icon-button svg{width:18px;height:18px}.preview-icon-button.danger{background:#dc26261f;color:#b42318}.preview-icon-button.danger:hover{background:#dc26262e}.preview-title{font-size:18px;font-weight:600;margin:0 84px 12px 0;color:#0f172a;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word;white-space:normal;width:100%;min-height:52px}.preview-material-nav{display:inline-flex;align-items:center;gap:10px;margin:0 0 12px;flex-wrap:wrap}.preview-switch-btn{border:1px solid #d0d7e2;background:#fff;color:#0f172a;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.preview-switch-btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb;box-shadow:0 8px 18px #2563eb1f}.preview-switch-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.preview-switch-status{font-size:12px;color:#64748b;min-width:44px;text-align:center}@media(max-width:640px){.preview-title{-webkit-line-clamp:2}.preview-material-nav{gap:8px}.preview-switch-btn{padding:6px 12px;font-size:12px}}.preview-body{display:flex;gap:24px;margin-top:16px;flex:1;min-height:0;overflow:hidden;overflow-y:auto}.preview-left,.preview-right{flex:1;min-width:0;display:flex;flex-direction:column}.preview-stage{position:relative;width:100%;min-height:320px;max-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-image{max-width:100%;max-height:60vh;object-fit:contain;border-radius:16px;box-shadow:0 12px 30px #0f172a33;cursor:zoom-in}.preview-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:none;background:#0f172a80;color:#fff;font-size:24px;cursor:pointer}.preview-nav.prev{left:12px}.preview-nav.next{right:12px}.preview-placeholder{text-align:center;padding:32px;color:#6b7280}.preview-zoom-overlay{position:fixed;inset:0;background:#0f172ad9;display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.preview-zoom-image{max-width:96vw;max-height:96vh;object-fit:contain;border-radius:16px;box-shadow:0 20px 48px #00000059;cursor:zoom-out}.preview-content-scroll{flex:1;overflow-y:auto;padding-right:8px;max-height:100%}.preview-segment{background:#fff;border-radius:14px;padding:16px 18px;margin-bottom:14px;border:1px solid #dbeafe;box-shadow:0 6px 18px #0f172a14;display:flex;flex-direction:column;gap:10px}.preview-segment.muted{text-align:center;color:#94a3b8;font-size:13px;border-style:dashed;box-shadow:none;background:#f8fafc}.preview-segment.note{border-color:#c7d2fe;background:#eff4ff}.segment-label{font-size:12px;color:#2563eb;background:#2563eb1a;border-radius:999px;display:inline-flex;align-items:center;padding:2px 10px;font-weight:600;letter-spacing:.04em}.preview-segment p{margin:0;color:#0f172a;line-height:1.7;white-space:pre-line;text-indent:2em}.preview-segment.muted,.preview-segment.muted p{text-indent:0}.card-body .content .text{margin:0;color:#334155;font-size:14px}.notes{margin:8px 0 0;font-size:12px;color:#6b7280}.footer{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.recent{font-size:12px;color:#475467}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{padding:8px 12px}.actions .outline{background:#fff;border-color:#2563eb;color:#2563eb}@media(max-width:900px){.preview-body{flex-direction:column}.preview-stage{min-height:260px}}.button-row{display:flex;gap:8px}.empty{padding:32px 24px;text-align:center;color:#94a3b8;background:#fafbfc;border-radius:14px;border:1.5px dashed #d4d8e1;font-size:14px;line-height:1.6}.settings{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.sync-config-page{margin-top:20px;display:flex;flex-direction:column;gap:12px}.sync-config-bottom{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.panel-actions{display:inline-flex;align-items:center;gap:8px}.sync-config-table-scroll{overflow-x:auto;padding-bottom:4px}.sync-config-table{display:flex;flex-direction:column;gap:6px;min-width:2250px}.sync-config-table-header,.sync-config-table-row{display:grid;grid-template-columns:160px 80px 360px 140px 140px 160px 140px 120px 140px 140px 170px 170px 170px 160px;gap:8px;align-items:center}.sync-config-table-header{font-size:12px;color:#64748b;font-weight:600;padding:6px 4px;border-bottom:1px solid #e2e8f0;background:#f8fafc;border-radius:8px}.sync-config-table-row{padding:6px 4px;border-bottom:1px dashed #e2e8f0}.sync-config-table-row:last-child{border-bottom:none}.sync-config-table-row input{width:100%}.sync-config-actions{display:flex;gap:6px;flex-wrap:wrap}.manage-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip.manage{display:inline-flex;align-items:center;gap:4px}.chip.manage button{border:none;background:transparent;color:inherit;cursor:pointer}.manage-input{display:flex;gap:8px}.manage-input input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid #d4d8e1}.manage-input button{padding:8px 14px;border-radius:10px}.panel-subtitle{font-size:12px;color:#6b7280;margin-bottom:8px}.sync-actions{display:flex;align-items:center;gap:12px;margin-bottom:10px}.sync-hint{font-size:12px;color:#6b7280}.sync-progress-panel{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.sync-progress-row{display:flex;align-items:center;gap:8px}.sync-progress-bar{flex:1;height:6px;border-radius:999px;background:#e5e7eb;overflow:hidden}.sync-progress-fill{height:100%;background:#1f7aec;border-radius:999px;transition:width .3s ease}.sync-progress-label{font-size:12px;color:#6b7280;min-width:64px;text-align:right}.sync-queue-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#6b7280}.sync-table-stats{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.sync-table-stat{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#475467;background:#f8fafc;border:1px dashed #e2e8f0;padding:6px 8px;border-radius:8px}.sync-table-name{font-weight:600;color:#0f172a}.feishu-list{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.feishu-list.sync-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.feishu-card{border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#f9fafb;display:flex;flex-direction:column;gap:8px}.feishu-card .row{display:flex;gap:10px;align-items:center}.feishu-card input{flex:1;min-width:0}.grid{display:grid;gap:8px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.one{grid-template-columns:1fr}.switch{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#374151}.chip-select{display:flex;flex-wrap:wrap;gap:8px}.category-manage-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;align-items:center;margin-bottom:12px}.category-manage-inputs input{padding:8px 10px;border-radius:8px;border:1px solid #d4d8e1}.category-manage-inputs button{padding:10px 12px;border-radius:10px}.cat-input{display:flex;flex-direction:column;gap:6px}.cat-input span{font-size:12px;color:#6b7280}.cat-input select{padding:8px 10px;border-radius:8px;border:1px solid #d4d8e1}.category-tree{display:flex;flex-direction:column;gap:10px}.cat-level1,.cat-level2{border:1px solid #e2e8f0;border-radius:10px;padding:10px;background:#f8fafc}.cat-level2{margin-top:6px}.cat-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600;color:#0f172a}.cat-actions{display:flex;gap:6px}.cat-actions button{border:none;background:transparent;color:#94a3b8;cursor:pointer}.cat-edit,.cat-edit-inline{display:flex;gap:6px;align-items:center;width:100%}.cat-edit input,.cat-edit-inline input{flex:1;padding:6px 10px;border-radius:8px;border:1px solid #d4d8e1}.cat-edit button,.cat-edit-inline button{border:none;background:#1f7aec;color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.cat-edit button:last-child,.cat-edit-inline button:last-child{background:#e2e8f0;color:#475467}.cat-level3-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.cat-chip{display:inline-flex;align-items:center;gap:6px;border-radius:12px;padding:6px 10px;background:#fff;border:1px solid #e2e8f0}.cat-chip button{border:none;background:transparent;color:#9ca3af;cursor:pointer}.cat-chip-actions{display:flex;gap:4px}@media(max-width:960px){.layout-grid{grid-template-columns:1fr}.upload-panel{position:static}.materials-layout .upload-panel,.materials-layout .content-area{max-height:none;overflow:visible;padding-right:0}.materials-layout .filter-board{position:static}.draw-card-panel{position:static;align-items:flex-start;margin-top:8px;width:100%}.draw-toolbar{flex-wrap:wrap;justify-content:flex-start}.chip-row{flex-direction:column;align-items:flex-start}.chip-label{width:auto}}@media(max-width:640px){.app-shell{padding:16px}.app-header,.footer{flex-direction:column;align-items:flex-start}.actions{width:100%}.actions button{flex:1}}@media(max-width:480px){.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px}.tab{flex:0 0 auto;padding:10px 12px}.panel-title{font-size:15px}}@media(max-width:400px){.tab{padding:9px 10px}}.rule-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.rule-modal{background:#fff;border-radius:20px;width:min(860px,92vw);max-height:78vh;padding:14px;box-shadow:0 12px 30px #0f172a2e;overflow:hidden;display:flex;flex-direction:column}.rule-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rule-modal-title{font-weight:700;font-size:18px}.rule-modal .rule-manager{width:100%;border:none;box-shadow:none;padding:0;max-height:68vh;overflow:auto}.slot-category-tree{margin-top:6px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;min-width:220px}.slot-label{font-size:13px;color:#475569;margin-bottom:6px}.slot-tree{display:flex;flex-direction:column;gap:4px}.slot-tree-node{font-size:13px}.slot-tree-row{display:flex;align-items:center;gap:6px}.slot-tree-children{margin-left:14px;margin-top:4px;display:flex;flex-direction:column;gap:4px}.rule-detail-modal{background:#fff;border-radius:20px;width:min(760px,90vw);max-height:78vh;padding:14px;box-shadow:0 12px 30px #0f172a33;overflow:auto}.rule-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rule-detail-body{display:flex;flex-direction:column;gap:12px;overflow:auto;padding-right:4px;max-height:calc(90vh - 160px)}.rule-select{padding:8px 10px;border-radius:10px;border:1px solid #d4d8e1;background:#fff;width:220px}.daily-gallery-section{margin-top:16px}.daily-gallery-panel{display:flex;flex-direction:column;gap:8px}.panel-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.panel-subtitle{font-size:12px;color:#475467}.daily-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:8px;justify-items:center}.daily-gallery .material-card{width:100%;min-height:320px}@media(max-width:900px){.daily-gallery{grid-template-columns:minmax(0,1fr);justify-items:stretch}.daily-gallery .material-card{width:100%}}.daily-slot-card .daily-meta{font-size:12px;color:#475467}.slot-indicator{font-size:12px;color:#1f7aec;background:#e8f2ff;border-radius:999px;padding:2px 8px;border:1px solid #c7d2fe}.daily-slot-card .actions{gap:6px;flex-wrap:nowrap}.daily-slot-card .actions button{padding:6px 10px;font-size:12px;min-width:0}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 15% 25%,rgba(224,242,254,.8) 0%,transparent 40%),radial-gradient(ellipse at 85% 10%,rgba(220,252,231,.7) 0%,transparent 35%),radial-gradient(ellipse at 50% 90%,rgba(237,233,254,.5) 0%,transparent 40%),#f8fafc;padding:24px}.auth-card{width:min(440px,100%);background:#fffffff7;border-radius:20px;padding:32px 28px;box-shadow:0 20px 60px #0f172a24,0 4px 16px #0000000f;border:1px solid rgba(226,232,240,.6);display:flex;flex-direction:column;gap:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-card:before{content:"";display:block;width:48px;height:48px;margin:0 auto 4px;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:14px;background-image:linear-gradient(135deg,#2563eb,#7c3aed),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 1a4 4 0 0 1 4 4v2h2a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h2V5a4 4 0 0 1 4-4zm0 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm0-10a2 2 0 0 0-2 2v2h4V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");background-blend-mode:normal;background-size:cover,24px 24px;background-position:center,center;background-repeat:no-repeat,no-repeat;box-shadow:0 4px 12px #2563eb4d}.auth-title{font-size:22px;font-weight:800;color:#0f172a;text-align:center;letter-spacing:-.02em;margin-top:-4px}.auth-desc{color:#64748b;margin-top:-6px;font-size:14px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#111827}.auth-label input{padding:11px 14px;border-radius:12px;border:1px solid #e2e8f0;font-size:14px;background:#f8fafc;transition:all .2s}.auth-label input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;outline:none}.auth-actions{display:flex;gap:10px;align-items:center}.auth-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:10px;padding:10px 12px;font-size:13px;display:flex;align-items:center;gap:6px}.auth-error:before{content:"⚠";font-size:14px}.auth-status{background:#e0f2fe;color:#0f172a;border-radius:12px;padding:10px 12px;font-weight:600}.auth-footer{font-size:12px;color:#94a3b8;margin-top:2px;text-align:center;padding-top:12px;border-top:1px solid #f1f5f9}.auth-expire{font-size:12px;color:#475467;background:#f1f5f9;border-radius:999px;padding:4px 10px;border:1px solid #e2e8f0}.toast-popup{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#0f172ae0;color:#fff;padding:12px 24px;border-radius:999px;z-index:9999;font-size:14px;font-weight:500;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0003;white-space:nowrap;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.preview-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:#64748b;margin-bottom:4px}.draw-card-panel .primary.outline{background:#fff;color:#2563eb;border:1.5px solid #2563eb;box-shadow:none}.draw-card-panel .primary.outline:hover{background:#eff6ff;box-shadow:0 2px 8px #2563eb26}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}input:focus,textarea:focus,select:focus{outline:none}@media(max-width:480px){.toast-popup{bottom:20px;font-size:13px;padding:10px 20px}}.filter-board-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;margin-bottom:2px}.filter-result-count{display:flex;align-items:center;gap:4px;font-size:13px;color:#64748b}.filter-count-num{font-weight:700;color:#2563eb;font-size:15px}.filter-count-sep{color:#cbd5e1;font-size:12px}.filter-count-label{color:#94a3b8;font-size:12px}.filter-count-total{font-size:13px;color:#64748b}.filter-reset-btn{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-reset-btn:hover{background:#fee2e2;border-color:#f87171}.segment-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.segment-copy-btn{background:transparent;border:1px solid #bfdbfe;color:#2563eb;border-radius:6px;padding:2px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease;flex-shrink:0}.segment-copy-btn:hover{background:#eff6ff;border-color:#93c5fd}