html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}:root{--bg:#f4f5f7;--panel:#fff;--line:#e7e9ee;--line-strong:#d7dbe2;--ink:#161a22;--ink-2:#4b5563;--ink-3:#8a919e;--accent:#4f46e5;--accent-soft:#eef0ff;--warn:#b45309;--warn-soft:#fff7e6;--ok:#059669;--radius:10px;--rail-left:292px;--rail-right:340px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit;color:inherit}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-screen,.login-shell{min-height:100vh;color:var(--ink-2);place-items:center;gap:8px;display:grid}.login-shell{background:radial-gradient(circle at 20% 15%, #e0e7ff 0%, transparent 40%), radial-gradient(circle at 80% 85%, #fce7f3 0%, transparent 40%), var(--bg)}.login-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;gap:12px;width:min(380px,100vw - 32px);padding:32px 28px 28px;display:grid;box-shadow:0 24px 60px #11182714}.login-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.login-panel h1{margin:4px 0 0;font-size:22px}.login-panel p{color:var(--ink-3);margin:0 0 6px;font-size:13px}.login-panel .login-error{color:#dc2626;margin:0}.app-shell{grid-template-rows:52px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.topbar{grid-template-columns:var(--rail-left) minmax(0, 1fr) auto;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:0 14px;display:grid}.brand{align-items:center;gap:10px;font-size:15px;display:flex}.brand-mark{color:#fff;background:linear-gradient(140deg,#6366f1 0%,#a855f7 100%);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.topbar-date{align-items:center;gap:10px;min-width:0;display:flex}.date-chip{color:var(--ink-2);white-space:nowrap;background:#f1f2f5;border-radius:999px;padding:3px 10px;font-size:12px}.date-chip.warn{color:var(--warn);background:var(--warn-soft)}.date-chip.error{color:#dc2626;background:#fef2f2}.date-error-hint{color:#dc2626;cursor:help;background:#fef2f2;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.topbar-actions{align-items:center;gap:8px;display:flex}.seg-label{align-items:center;gap:5px;display:inline-flex}.workspace{grid-template-columns:var(--rail-left) minmax(0, 1fr) var(--rail-right);min-height:0;display:grid}.left-rail,.right-rail{background:var(--panel);flex-direction:column;min-height:0;display:flex}.left-rail{border-right:1px solid var(--line)}.right-rail{border-left:1px solid var(--line)}.panel{padding:12px}.field-label{color:var(--ink-2);font-size:12px;font-weight:600}.issue-panel{border-bottom:1px solid var(--line);gap:8px;display:grid}.ai-button.ant-btn{height:22px;color:var(--accent);margin-right:-6px;padding:0 6px;font-size:12px;font-weight:600}.suggestions{flex-wrap:wrap;gap:6px;max-height:148px;display:flex;overflow:auto}.asset-panel{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.asset-head{justify-content:space-between;align-items:center;display:flex}.asset-head>div:first-child{display:grid}.asset-head strong{font-size:13px}.asset-head span{color:var(--ink-3);font-size:11px}.asset-head-actions{align-items:center;gap:6px;display:flex}.existing-banner{border-radius:var(--radius);background:var(--warn-soft);color:var(--warn);text-align:left;cursor:pointer;border:1px solid #fde7c2;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.existing-banner span{flex:1}.existing-banner em{font-style:normal;font-weight:600}.existing-banner:hover{border-color:#f6c77a}.empty-drop{border:1.5px dashed var(--line-strong);min-height:220px;color:var(--ink-3);text-align:center;cursor:pointer;background:#fafbfc;border-radius:14px;flex:1;place-content:center;justify-items:center;gap:8px;padding:20px;transition:border-color .15s,background .15s;display:grid}.empty-drop strong{color:var(--ink);font-size:13px}.empty-drop span{font-size:12px;line-height:1.6}.empty-drop:hover{border-color:var(--accent);background:var(--accent-soft)}.asset-grid{flex:1;align-content:start;gap:8px;min-height:0;margin:0 -4px;padding:2px 4px;display:grid;overflow:auto}.asset-item{aspect-ratio:9/16;cursor:pointer;outline-offset:1px;background:#eef0f3;border-radius:10px;outline:2px solid #0000;transition:outline-color .12s,transform .12s;position:relative;overflow:hidden}.asset-item img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.asset-item:hover{outline-color:var(--line-strong)}.asset-item.selected{outline-color:var(--accent)}.asset-item.dragging{opacity:.4}.asset-index{color:#fff;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:10px;line-height:18px;position:absolute;bottom:6px;left:6px}.asset-tag{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1118278c;border-radius:6px;padding:1px 6px;font-size:10px;position:absolute;top:6px;left:6px}.asset-tag.new{background:#4f46e5d9}.asset-tag.ok{background:#059669d9}.asset-cover-badge{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid;position:absolute;bottom:6px;right:6px;box-shadow:0 0 0 2px #fff}.asset-remove{color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:0;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;transition:opacity .12s;display:grid;position:absolute;top:5px;right:5px}.asset-item:hover .asset-remove,.asset-item:focus-visible .asset-remove{opacity:1}.asset-foot{color:var(--ink-3);justify-content:space-between;align-items:center;font-size:11px;display:flex}.drag-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#4f46e51f;place-items:center;display:grid;position:fixed;inset:0}.drag-overlay>div{border:2px dashed var(--accent);color:var(--accent);background:#ffffffeb;border-radius:20px;justify-items:center;gap:8px;padding:36px 56px;display:grid}.drag-overlay strong{color:var(--ink);font-size:16px}.drag-overlay span{color:var(--ink-3);font-size:12px}.stage{background:radial-gradient(circle at 1px 1px, #dfe2e8 1px, transparent 0) 0 0 / 18px 18px, var(--bg);grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;position:relative}.mockup-viewport{place-items:center;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.mockup-preview-frame{border-radius:6px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a14,0 18px 50px #0f172a24}.mockup-viewport.is-transparent .mockup-preview-frame{background:repeating-conic-gradient(#e5e7eb 0% 25%,#fff 0% 50%) 0 0/20px 20px}.mockup-preview-transform{transform-origin:0 0}.mockup-canvas{isolation:isolate;position:relative;overflow:hidden}.cover-background,.cover-noise,.cover-overlay{pointer-events:none;position:absolute;inset:0}.cover-background{z-index:0}.cover-noise{z-index:1;mix-blend-mode:overlay;background-size:256px 256px}.cover-overlay{z-index:3;background-position:50%;background-size:cover}.device-stage{z-index:2;position:absolute;inset:0}.empty-cover{color:#0f172a73;place-items:center;font-size:28px;font-weight:600;display:grid;position:absolute;inset:0}.cover-device{transform-origin:50%;position:absolute;top:50%;left:50%}.cover-device-body{position:absolute;inset:0}.cover-device-floor{height:8%;position:absolute;bottom:-4%;left:8%;right:8%}.cover-device-screen{background:#000;position:absolute;overflow:hidden}.cover-device-screen img{width:100%;height:100%;display:block;position:absolute;inset:0}.screen-image.cover{object-fit:cover}.screen-image.contain{object-fit:contain}.screen-fill{object-fit:cover;filter:blur(24px)brightness(.8);transform:scale(1.2)}.cover-device-frame{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.offscreen-canvas{pointer-events:none;width:800px;height:600px;position:fixed;top:0;left:-20000px}.stage-footer{color:var(--ink-3);justify-content:center;gap:14px;padding:8px 12px 12px;font-size:11px;display:flex}.stage-footer .pending{color:var(--accent);font-weight:600}.article-stage{justify-content:center;min-height:0;padding:24px 16px;display:flex;overflow:auto}.phone-preview{border:1px solid var(--line);background:#fff;border-radius:28px;width:390px;height:fit-content;overflow:hidden;box-shadow:0 24px 60px #0f172a1f}.phone-preview-head{border-bottom:1px solid #f1f2f5;gap:6px;padding:22px 18px 14px;display:grid}.phone-preview-head strong{font-size:19px;line-height:1.4}.phone-preview-head span{color:#576b95;font-size:12px}.article-preview{overflow-wrap:anywhere;padding:16px}.article-preview img{max-width:100%}.inspector-tabs.ant-segmented{margin:10px 12px 0}.inspector-scroll{flex:1;min-height:0;padding:4px 0 24px;overflow:auto}.inspector-block{border-bottom:1px solid #f0f1f4;gap:10px;padding:14px;display:grid}.inspector-block>header{justify-content:space-between;align-items:center;min-height:24px;display:flex}.inspector-block h3{color:var(--ink-2);margin:0;font-size:12px;font-weight:600}.slider-field{grid-template-columns:40px minmax(0,1fr) 44px;align-items:center;gap:8px;height:24px;display:grid}.slider-field>span,.inline-field>span{color:var(--ink-2);font-size:12px}.slider-field>b{color:var(--ink-3);text-align:right;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.slider-field .ant-slider{margin:0}.stack-field{gap:8px;display:grid}.stack-field>span{color:var(--ink-2);font-size:12px}.inline-field{justify-content:space-between;align-items:center;gap:10px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:5px 10px;font-size:12px;transition:border-color .12s,background .12s,color .12s}.chip.small{padding:3px 8px;font-size:12px}.chip:hover{border-color:var(--line-strong)}.chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.preset-grid .chip{white-space:nowrap;text-overflow:ellipsis;padding:6px 4px;overflow:hidden}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:6px;max-height:300px;padding:2px;display:grid;overflow:auto}.device-card{border:1px solid var(--line);cursor:pointer;background:#fafbfc;border-radius:10px;justify-items:center;gap:6px;padding:10px 4px 8px;display:grid}.device-card img{object-fit:contain;width:100%;height:64px}.device-card span{text-align:center;color:var(--ink-2);font-size:11px;line-height:1.25}.device-card:hover{border-color:var(--line-strong)}.device-card.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}.device-card.active span{color:var(--accent);font-weight:600}.swatch-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch-row.tight{gap:5px}.swatch{aspect-ratio:1;cursor:pointer;border:1px solid #0f172a1a;border-radius:8px;padding:0;transition:transform .12s}.swatch.round{border-radius:50%;width:24px}.swatch.round.small{width:18px}.swatch:hover{transform:scale(1.06)}.swatch.active{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent)}.swatch-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.swatch-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.layout-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.layout-card{border:1px solid var(--line);color:var(--ink-3);cursor:pointer;background:#fff;border-radius:10px;justify-items:center;gap:2px;padding:6px 4px;display:grid}.layout-card span{color:var(--ink-2);font-size:11px}.layout-card.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.layout-card.active span{color:var(--accent)}.magic-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.tile{cursor:pointer;background:0 0;border:0;gap:4px;padding:0;display:grid}.tile i{aspect-ratio:1;border:1px solid #0f172a14;border-radius:10px}.tile span{color:var(--ink-2);text-align:center;font-size:11px}.tile.active i{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent)}.tile.active span{color:var(--accent);font-weight:600}.image-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:6px;max-height:340px;padding:3px;display:grid;overflow:auto}.overlay-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:220px}.image-tile{aspect-ratio:16/10;color:var(--ink-3);cursor:pointer;background:#eef0f3;border:0;border-radius:8px;place-items:center;padding:0;display:grid;overflow:hidden}.overlay-grid .image-tile{background:#f6f7f9}.image-tile img{object-fit:cover;width:100%;height:100%;display:block}.image-tile:hover{box-shadow:0 0 0 2px var(--line-strong)}.image-tile.active{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent)}.size-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.size-row .ant-input-number-group-wrapper,.size-row .ant-input-number{width:100%}.panel-hint{color:var(--ink-3);margin:0;font-size:12px;line-height:1.6}.panel-hint code{color:var(--ink-2);background:#f1f2f5;border-radius:4px;padding:1px 5px;font-size:11px}.panel-hint.warn{color:var(--warn)}.style-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.style-card{cursor:pointer;background:0 0;border:0;gap:4px;padding:0;display:grid}.style-card i{aspect-ratio:3/4;border:1px solid #0f172a1a;border-radius:8px;grid-template-rows:6px 1fr 1fr;grid-template-columns:1fr 1fr;gap:4px;padding:7px;display:grid}.style-card i b{border-radius:3px;grid-column:1/-1;justify-self:center;width:60%}.style-card i em{border-radius:3px}.style-card span{color:var(--ink-2);text-align:center;font-size:11px}.style-card.active i{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent)}.style-card.active span{color:var(--accent);font-weight:600}.backend-template-select{width:100%}.style-params{background:#fafbfc;border-radius:10px;gap:10px;padding:10px;display:grid}.form-stack{gap:8px;display:grid}.button-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.task-progress{gap:2px;display:grid}.task-progress>div{color:var(--ink-3);justify-content:space-between;font-size:11px;display:flex}.task-progress .ant-progress{margin:0}@media (width<=1280px){:root{--rail-left:252px;--rail-right:312px}.topbar{grid-template-columns:auto minmax(0,1fr) auto}}.is-hidden{display:none!important}.settings-shell{background:var(--bg);grid-template-columns:248px minmax(0,1fr);min-height:0;display:grid}.settings-nav{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:14px 12px;display:flex}.settings-back{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin:0 0 10px;padding:6px 8px;font-size:13px;display:flex}.settings-back:hover{background:#f1f2f5}.settings-nav-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;display:flex}.settings-nav-item i{width:30px;height:30px;color:var(--ink-2);background:#f1f2f5;border-radius:8px;flex:none;place-items:center;display:grid}.settings-nav-item span{gap:1px;display:grid}.settings-nav-item strong{font-size:13px;font-weight:600}.settings-nav-item em{color:var(--ink-3);font-size:11px;font-style:normal}.settings-nav-item:hover{background:#f6f7f9}.settings-nav-item.active{background:var(--accent-soft)}.settings-nav-item.active i{background:var(--accent);color:#fff}.settings-nav-item.active strong{color:var(--accent)}.settings-main{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.settings-content{min-height:0;padding:28px 32px 32px;overflow:auto}.settings-content>*{max-width:820px;margin-left:auto;margin-right:auto}.settings-head{margin-bottom:18px}.settings-head h2{margin:0;font-size:20px}.settings-head p{color:var(--ink-3);margin:4px 0 0;font-size:13px}.settings-section{gap:14px;display:grid}.settings-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:14px;padding:18px 20px 4px}.card-title{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.card-title strong{font-size:14px}.card-title>span{color:var(--ink-3);flex:1;font-size:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .span-2{grid-column:1/-1}.settings-card .ant-form-item{margin-bottom:16px}.settings-card .ant-form-item-label>label{color:var(--ink-2);font-size:12px;font-weight:600}.settings-card .ant-form-item-extra{font-size:11px}.card-actions{color:var(--ink-3);align-items:center;gap:12px;padding:2px 0 16px;font-size:12px;display:flex}.settings-empty{border:1px dashed var(--line-strong);text-align:center;color:var(--ink-3);border-radius:14px;margin-bottom:14px;padding:28px;font-size:13px}.settings-note{color:var(--ink-3);margin:12px 0 0;font-size:12px;line-height:1.6}.settings-savebar{background:var(--panel);border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;padding:12px 32px;display:flex}.settings-savebar>span{color:var(--ink-3);flex:1;font-size:12px}@media (width<=900px){.settings-shell{grid-template-columns:1fr}.settings-nav{display:none}.form-grid,.form-grid.three{grid-template-columns:1fr}}