:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--ct-brand:#5b5ce2;--ct-brand-2:#1aa6a1;--ct-ink:#19243a;--ct-muted:#718093;--ct-line:#e3e9f0;--ct-bg:#f4f7fa;--ct-soft:#f6f7ff}*{box-sizing:border-box}body{margin:0;color:var(--ct-ink);background:var(--ct-bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(91,92,226,.23);outline-offset:2px}.creative-shell{min-height:calc(100vh - 58px);display:grid;grid-template-columns:minmax(0,1fr) 420px;background:var(--ct-bg)}.creative-stage{min-width:0;min-height:0;display:flex;flex-direction:column;padding:28px clamp(22px,4vw,64px) 90px;background:radial-gradient(circle at 17% 3%,#e8e8ff 0,rgba(232,232,255,0) 30%),radial-gradient(circle at 97% 94%,#daf4ef 0,rgba(218,244,239,0) 35%),#f6f8fb}.creative-stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:min(960px,100%);margin:0 auto 18px}.creative-stage-head h2{margin:0;color:#1b2840;font-size:21px;letter-spacing:-.025em}.creative-stage-head p{margin:7px 0 0;color:var(--ct-muted);font-size:13px;line-height:1.6}.local-pill{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #dce7ed;border-radius:99px;color:#367369;background:rgba(255,255,255,.75);font-size:11px;font-weight:850}.local-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#28af87;box-shadow:0 0 0 3px rgba(40,175,135,.12)}.creative-canvas-card,.creative-upload-card{width:min(960px,100%);margin:auto;border:1px solid #dce5ee;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 15px 36px rgba(29,44,63,.10);overflow:hidden}.creative-upload-card{max-width:700px;margin-top:30px}.creative-upload{min-height:330px;display:grid;place-items:center;padding:32px;border:2px dashed #cbd5eb;background:linear-gradient(145deg,rgba(91,92,226,.055),rgba(23,165,159,.05));text-align:center;transition:.16s}.creative-upload.is-dragging{border-color:var(--ct-brand);background:rgba(91,92,226,.10);transform:scale(1.008)}.creative-upload input{display:none}.upload-icon{width:63px;height:63px;display:grid;place-items:center;margin:0 auto 16px;border-radius:20px;color:#fff;background:linear-gradient(140deg,var(--ct-brand),var(--ct-brand-2));box-shadow:0 11px 21px rgba(91,92,226,.24)}.upload-icon svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.creative-upload h3{margin:0;color:#1c2941;font-size:19px}.creative-upload p{max-width:430px;margin:9px auto 19px;color:var(--ct-muted);font-size:13px;line-height:1.65}.upload-help{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 13px;margin-top:17px;color:#8593a2;font-size:11px}.upload-help span{display:flex;align-items:center;gap:5px}.upload-help i{width:4px;height:4px;border-radius:50%;background:#9baaba}.creative-preview{display:none}.creative-preview.visible{display:block}.creative-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #eaf0f4}.preview-title{min-width:0}.preview-title strong{display:block;overflow:hidden;color:#354257;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.preview-title span{display:block;margin-top:3px;color:#8492a0;font-size:11px}.preview-actions{display:flex;gap:7px}.preview-board{position:relative;min-height:400px;display:grid;place-items:center;overflow:auto;padding:28px;background:repeating-conic-gradient(#f0f3f6 0% 25%,#fff 0% 50%) 50% / 18px 18px}.preview-board canvas,.preview-board img{display:block;max-width:100%;max-height:560px;box-shadow:0 12px 28px rgba(25,39,60,.14);object-fit:contain}.preview-board .board-hint{color:#8896a4;font-size:12px}.creative-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eaf0f4}.creative-metrics div{min-width:0;padding:10px 13px;border-right:1px solid #eaf0f4}.creative-metrics div:last-child{border-right:0}.creative-metrics span{display:block;color:#8b98a6;font-size:10px}.creative-metrics strong{display:block;margin-top:3px;overflow:hidden;color:#384659;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.creative-editor{position:sticky;top:0;align-self:start;height:calc(100vh - 58px);min-height:620px;display:flex;flex-direction:column;border-left:1px solid #dbe4ec;background:#fff;box-shadow:-9px 0 25px rgba(27,44,63,.055)}.creative-editor-head{flex:0 0 auto;padding:20px 21px 13px;border-bottom:1px solid #e9eef3}.editor-kicker{display:flex;align-items:center;gap:6px;color:var(--ct-brand);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.editor-kicker i{width:7px;height:7px;border-radius:50%;background:var(--ct-brand)}.creative-editor-head h1{margin:7px 0 5px;color:#202d43;font-size:19px;letter-spacing:-.03em}.creative-editor-head p{margin:0;color:#778394;font-size:11px;line-height:1.55}.creative-editor-body{min-height:0;flex:1;overflow:auto;padding:12px 15px 90px}.creative-card{margin-bottom:10px;padding:12px;border:1px solid #e5ebf1;border-radius:12px;background:#fff}.creative-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.creative-card-head h2{margin:0;color:#354254;font-size:12px}.creative-card-head small{color:#8794a2;font-size:10px}.creative-field{display:grid;gap:5px;min-width:0}.creative-field span{display:flex;justify-content:space-between;gap:8px;color:#677485;font-size:10px;font-weight:800}.creative-field input:not([type="range"]):not([type="color"]),.creative-field select,.creative-field textarea{width:100%;height:34px;min-width:0;padding:0 8px;border:1px solid #dfe6ec;border-radius:8px;color:#354355;background:#fbfcfd;font-size:12px}.creative-field textarea{height:58px;padding:8px;resize:vertical}.creative-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.creative-grid .wide{grid-column:1 / -1}.creative-segment{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:9px;background:#f2f5f8}.creative-segment.four{grid-template-columns:repeat(4,1fr)}.creative-segment.five{grid-template-columns:repeat(5,1fr)}.creative-segment button{min-width:0;height:31px;padding:0 3px;border:0;border-radius:7px;color:#6a7888;background:transparent;font-size:10px;font-weight:850}.creative-segment button.active{color:#4f4cc5;background:#fff;box-shadow:0 2px 6px rgba(47,59,77,.12)}.creative-range{display:grid;grid-template-columns:1fr 45px;gap:8px;align-items:center}.creative-range input{width:100%;accent-color:var(--ct-brand)}.creative-range output{text-align:right;color:#5552c8;font-size:11px;font-weight:900}.creative-switch{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;color:#647283;font-size:11px;font-weight:780}.creative-switch input{width:16px;height:16px;accent-color:var(--ct-brand)}.creative-note{display:flex;gap:8px;padding:9px 10px;border-radius:8px;color:#6b7888;background:#f5f7f9;font-size:10px;line-height:1.5}.creative-note i{flex:0 0 auto;width:6px;height:6px;margin-top:5px;border-radius:50%;background:#29ad88}.creative-editor-dock{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:11px 15px;border-top:1px solid #e6ebf0;background:rgba(255,255,255,.97);box-shadow:0 -6px 17px rgba(29,46,66,.04)}.creative-editor-dock button{min-width:0;height:40px;padding:0 7px;border-radius:9px;font-size:11px;font-weight:850}.creative-editor-dock .primary{grid-column:1/-1}.primary,.secondary,.small{border-radius:9px;font-size:12px;font-weight:850;transition:.16s}.primary{border:0;color:#fff;background:linear-gradient(135deg,var(--ct-brand),#3687df);box-shadow:0 7px 16px rgba(91,92,226,.22)}.primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.primary:disabled,.secondary:disabled,.small:disabled{opacity:.48;cursor:not-allowed;transform:none}.secondary,.small{border:1px solid #dfe6ec;color:#566576;background:#fff}.secondary:hover,.small:hover{border-color:#c5d1dd;background:#f8fafc}.small{height:30px;padding:0 9px;font-size:11px}.creative-thumb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;margin-top:9px}.creative-thumb{position:relative;min-width:0;border:1px solid #e3e9ef;border-radius:10px;overflow:hidden;background:#fff}.creative-thumb img{width:100%;height:80px;display:block;object-fit:cover}.creative-thumb span{display:block;overflow:hidden;padding:6px 7px;color:#667484;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.creative-thumb button{position:absolute;right:4px;top:4px;width:21px;height:21px;border:0;border-radius:50%;color:#fff;background:rgba(20,30,45,.6);font-size:14px;line-height:17px}.creative-toast{position:fixed;z-index:3000;left:50%;bottom:82px;max-width:calc(100vw - 30px);padding:9px 13px;transform:translate(-50%,20px);border-radius:9px;color:#fff;background:rgba(24,34,48,.94);font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.16s}.creative-toast.show{transform:translate(-50%,0);opacity:1}.creative-seo{max-width:1090px;margin:0 auto;padding:54px 25px 98px;color:#536172;background:#fff}.creative-seo h2{margin:0;color:#1d2a3d;font-size:23px;letter-spacing:-.025em}.creative-seo>p{max-width:860px;margin:12px 0 20px;font-size:13px;line-height:1.8}.creative-seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.creative-seo article{padding:15px;border:1px solid #e4eaf0;border-radius:12px;background:#fbfcfd}.creative-seo strong{color:#334154;font-size:13px}.creative-seo article p{margin:7px 0 0;font-size:12px;line-height:1.65}.creative-seo h3{margin:30px 0 12px;color:#2b384a;font-size:17px}.creative-seo ol{display:grid;gap:8px;margin:0;padding-left:22px;font-size:12px;line-height:1.7}.creative-seo details{margin-top:7px;padding:0 12px;border:1px solid #e3e9ef;border-radius:9px}.creative-seo summary{padding:11px 0;color:#354354;font-size:12px;font-weight:850;cursor:pointer}.creative-seo details p{margin:0 0 11px;font-size:12px;line-height:1.7}.creative-related{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:27px;font-size:11px}.creative-related span{color:#758293;font-weight:800}.creative-related a{padding:6px 8px;border-radius:7px;color:#504fc3;background:#f0f0ff;text-decoration:none;font-weight:800}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.swatch{min-width:0;padding:0;border:1px solid #e0e7ee;border-radius:9px;overflow:hidden;background:#fff;text-align:left}.swatch i{display:block;height:36px}.swatch span{display:block;padding:6px;overflow:hidden;color:#586677;font-size:10px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.mini-status{min-height:23px;margin-top:8px;color:#617081;font-size:11px;line-height:1.55}@media(max-width:980px){.creative-shell{grid-template-columns:1fr}.creative-editor{position:relative;top:auto;order:-1;height:auto;min-height:0;border:0;border-bottom:1px solid #dbe4ec}.creative-editor-body{overflow:visible;padding:11px 15px 88px}.creative-editor-dock{position:sticky;bottom:0;z-index:20}.creative-stage{padding:22px 18px 88px}}@media(max-width:600px){.creative-stage{padding:16px 10px 82px}.creative-stage-head h2{font-size:17px}.local-pill{display:none}.creative-upload-card{margin-top:7px}.creative-upload{min-height:290px;padding:25px 15px}.preview-board{min-height:270px;padding:15px}.creative-metrics{grid-template-columns:1fr}.creative-metrics div{padding:8px 10px;border-right:0;border-bottom:1px solid #eaf0f4}.creative-metrics div:last-child{border-bottom:0}.creative-editor-head{padding:16px 14px 11px}.creative-editor-body{padding:9px 10px 87px}.creative-editor-dock{padding:9px 10px}.creative-seo{padding:34px 15px 92px}.creative-seo h2{font-size:20px}.creative-seo-grid{grid-template-columns:1fr}.creative-segment.four,.creative-segment.five{grid-template-columns:repeat(2,1fr)}}