:root{color:#17202a;background:#eef1f4;font-family:Inter,Noto Sans TC,system-ui,sans-serif}body{margin:0}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:var(--space-3);background:var(--color-canvas-bg)}.auth-card{box-sizing:border-box;width:min(100%,440px);padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:8px;background:var(--color-surface);box-shadow:var(--paper-shadow);text-align:left}.auth-card h1{margin:var(--space-1) 0;color:var(--color-ink-900);font-size:24px;line-height:34px}.auth-status{margin:0;color:var(--primary);font:var(--text-label)}.auth-status--error{color:var(--danger)}.auth-status--warning{color:var(--warning)}.auth-copy,.auth-security-note,.auth-mock-note{color:var(--muted);font:var(--text-body)}.auth-primary,.auth-secondary{width:100%;margin-top:var(--space-2);padding:10px 14px;cursor:pointer;border:1px solid var(--primary);border-radius:var(--radius-control);font:var(--text-control)}.auth-primary{color:#fff;background:var(--primary)}.auth-secondary{color:var(--primary);background:var(--color-surface)}.auth-primary:focus-visible,.auth-secondary:focus-visible,.auth-scenario select:focus-visible{outline:3px solid var(--color-primary-100);outline-offset:2px}.auth-scenario{display:grid;gap:var(--space-0-5);margin-top:var(--space-4);color:var(--muted);font:var(--text-helper)}.auth-scenario select{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--text);background:var(--color-surface);font:var(--text-body)}.auth-mock-note{margin-bottom:0;font-size:12px}.auth-destination{display:grid;gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-2);border:1px solid var(--color-border-subtle);background:var(--color-surface-cool)}.auth-destination div{display:grid;gap:2px}.auth-destination span{color:var(--muted);font:var(--text-helper)}.auth-destination strong{overflow-wrap:anywhere;color:var(--color-ink-900);font:var(--text-label)}.auth-security-note{font-size:12px}.auth-spinner{width:28px;height:28px;border:3px solid var(--color-primary-100);border-top-color:var(--primary);border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.auth-spinner{animation:none}}button,a{font:inherit}.shell{display:grid;min-height:100vh;place-content:center;padding:2rem;text-align:center}.eyebrow{margin:0;color:#52606d;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:.35rem 0;font-size:1.4rem}.preview-shell{min-height:100vh}.preview-toolbar{position:static;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem 1.25rem;border-bottom:1px solid #d5dbe1;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-tabs{display:flex;flex-wrap:wrap;gap:.45rem}.preview-tabs button{cursor:pointer;padding:.5rem .75rem;border:1px solid #cbd2d9;border-radius:.35rem;color:#334e68;background:#fff}.preview-tabs button:hover{border-color:#0f766e}.preview-tabs button.is-active{border-color:#0f766e;color:#fff;background:#0f766e}.preview-stage{padding:1rem}.preview-diagnostics{margin:.75rem 1.25rem 0;padding:.75rem 1rem;border:1px solid #d6a756;background:#fff8e8}.preview-diagnostics p{margin:.25rem 0}.preview-stage iframe{display:block;width:100%;height:1120px;border:0;background:#e9edf2}@media(max-width:720px){.preview-toolbar{position:static;align-items:flex-start;flex-direction:column}.preview-stage{padding:0}.preview-stage iframe{height:900px}}:root{--canvas: #f4f6f7;--surface: #fff;--ink: #22254c;--text: #23221f;--muted: #5f6268;--border: #cfd5da;--subtle: #e2e5e8;--primary: #0f7f85;--danger: #b42318;--warning: #9a5b00;--state-hover-bg: #eaf5f5;--state-selected-border: #0f7f85;--state-drop-ready: #48a8ac;--state-drop-active: #ccebec;--state-insertion: #5f9f72;--state-rejected: #c4362b;--state-dirty: #9a5b00;--state-saved: #237a4b;--color-canvas-bg: #f4f6f7;--color-surface: #ffffff;--color-surface-cool: #f4f8f9;--color-ink-900: #22254c;--color-border-subtle: #e2e5e8;--color-border: #cfd5da;--color-border-strong: #96a0aa;--color-primary-100: #e3eff1;--color-info-100: #edf2f9;--hint-overlay-color: #000000;--hint-overlay-opacity: .7;--hint-stage-padding: 10px;--hint-stage-radius: 5px;--hint-duration: .4s;--hint-popover-offset: 10px;--hint-overlay-z: 10000;--hint-card-width: 320px;--hint-context-width: 300px;--hint-context-height: 128px;--hint-celebration-duration: 1.2s;--hint-driven-exit-delay: 10s;--hint-drag-duration: 2.6s;--hint-drag-ghost-opacity: .88;--hint-card-z: 10001;--paper-shadow: 0 3px 14px rgb(34 37 76 / 14%);--radius-control: 4px;--font-ui: Inter, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--text-control: 500 14px/20px var(--font-ui);--text-body: 400 14px/22px var(--font-ui);--text-label: 500 13px/20px var(--font-ui);--text-helper: 400 12px/18px var(--font-ui);--space-0: 0;--space-0-5: 4px;--space-1: 8px;--space-1-5: 12px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-10: 80px;--space-12: 96px;--editor-statusbar-height: 42px;--canvas-page-guide-color: var(--color-border-strong);--canvas-page-guide-bg: var(--color-surface-cool);--canvas-page-guide-label: var(--muted);--canvas-page-guide-line-width: 1px;--canvas-page-guide-label-offset: var(--space-0-5);--canvas-page-gap: var(--space-3);--motion-exit: 80ms;--motion-enter: .1s;--motion-insertion: .2s;--motion-settle: .15s;--motion-success: .3s;--motion-rejection: .2s}.hint-spotlight{position:fixed;z-index:var(--hint-overlay-z);inset:0;width:100vw;height:100vh;pointer-events:none}.hint-spotlight path{fill:var(--hint-overlay-color);fill-rule:evenodd;opacity:var(--hint-overlay-opacity)}.guided-tour-card,.new-user-checklist,.context-hint{position:fixed;z-index:var(--hint-card-z);width:var(--hint-card-width);padding:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);color:var(--color-ink-900);background:var(--color-surface);box-shadow:var(--paper-shadow)}.guided-tour-card{right:var(--space-3);bottom:var(--space-8)}.guided-tour-card header,.guided-tour-card footer,.new-user-checklist header,.context-hint footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.guided-tour-card h2,.guided-tour-card p,.context-hint p{margin:var(--space-1) 0}.guided-tour-card h2,.guided-tour-card p,.context-hint p,.new-user-checklist li{font-size:14px;line-height:22px}.guided-tour-dots{display:flex;gap:var(--space-0-5);margin-top:var(--space-1)}.guided-tour-dots i{width:var(--space-1);height:var(--space-0-5);border-radius:var(--radius-control);background:var(--color-border)}.guided-tour-dots i.is-current{background:var(--primary)}.guided-drag-demo,.guided-drag-destination{position:fixed;z-index:var(--hint-card-z);pointer-events:none}.guided-drag-demo>span{display:grid;width:100%;height:100%;place-items:center;border:1px solid var(--primary);border-radius:var(--radius-control);color:var(--color-ink-900);background:var(--color-primary-100);box-shadow:var(--paper-shadow);opacity:var(--hint-drag-ghost-opacity);animation:hint-drag-demo var(--hint-drag-duration) ease-in-out infinite}.guided-drag-destination{display:grid;place-items:center;border:1px dashed var(--state-insertion);border-radius:var(--radius-control);color:var(--color-ink-900);background:color-mix(in srgb,var(--state-insertion) 12%,transparent);font-style:normal}@keyframes hint-drag-demo{0%,15%{transform:translate(0);opacity:var(--hint-drag-ghost-opacity)}65%,80%{transform:translate(var(--hint-drag-x),var(--hint-drag-y));opacity:var(--hint-drag-ghost-opacity)}to{transform:translate(var(--hint-drag-x),var(--hint-drag-y));opacity:0}}.new-user-checklist{right:var(--space-2);bottom:calc(var(--editor-statusbar-height) + var(--space-2))}.new-user-checklist>button{width:100%}.new-user-checklist header>div{display:grid;flex:1;gap:var(--space-0-5)}.new-user-checklist ol{display:grid;gap:var(--space-1);margin:var(--space-1-5) 0 0;padding:0;list-style:none}.new-user-checklist li{display:flex;gap:var(--space-1)}.new-user-checklist li.is-done{color:var(--state-saved)}.checklist-ring{width:var(--space-4);height:var(--space-4);border-radius:50%;background:conic-gradient(var(--primary) calc(var(--hint-progress) * 1turn),var(--color-border-subtle) 0);box-shadow:inset 0 0 0 var(--space-1) var(--color-surface)}.new-user-checklist.is-celebrating{animation:hint-celebrate var(--hint-celebration-duration) ease-in-out}.context-hint{width:var(--hint-context-width);min-height:var(--hint-context-height);right:var(--space-2);bottom:var(--space-5);border-style:dashed;background:var(--color-info-100);transform:rotate(-1deg)}@keyframes hint-celebrate{0%,to{transform:scale(1);opacity:1}45%{transform:scale(1.04);opacity:.92}}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}.editor-recovery{display:grid;min-height:100vh;place-content:center;gap:12px;padding:32px;text-align:center}.editor-recovery h1,.editor-recovery p{margin:0}.editor-recovery button{justify-self:center;padding:9px 16px;border:1px solid #086b70;border-radius:4px;color:#fff;background:var(--primary)}.editor-shell{display:grid;grid-template-rows:64px minmax(0,1fr) var(--editor-statusbar-height);height:100vh;color:var(--text);background:var(--canvas);font:400 14px/22px Inter,Noto Sans TC,Microsoft JhengHei,sans-serif}.editor-topbar{display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--border);background:#fff}.back-action{border:0;color:#345a9f;background:transparent;white-space:nowrap}.mode-switcher{display:flex;padding:2px;border:1px solid var(--border);border-radius:4px;background:#f4f8f9}.mode-switcher button{padding:5px 8px;border:0;color:var(--muted);background:transparent}.mode-switcher button.is-active{color:#fff;background:var(--state-selected-border)}.page-warning{margin:8px auto;max-width:794px;padding:8px 12px;border:1px solid #d8a33c;color:var(--warning);background:#fff4dc}.canvas-mode--print .selection-breadcrumb{display:none}.snap-status{color:var(--primary);font-weight:600}.library-shell{min-height:100vh;padding:28px clamp(24px,6vw,88px) 64px;color:var(--text);background:#f4f6f7}.library-header,.library-intro,.section-heading,.card-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.library-header{padding-bottom:20px;border-bottom:1px solid var(--border)}.library-header h1{color:var(--ink);font-size:28px}.library-intro{margin:30px 0 12px;padding:24px 28px;border-left:4px solid var(--primary);background:#fff}.library-intro h2,.section-heading h2,.template-card h3{margin:0;color:var(--ink)}.library-intro p,.section-heading p,.template-card p{margin:6px 0 0;color:var(--muted)}.library-notice{padding:10px 14px;border:1px solid #b7d7d9;color:#086b70;background:#e3eff1}.template-section{margin-top:30px;padding:20px;border:1px solid var(--border);background:#fff}.template-section--platform{border-top:4px solid #30344f}.template-section--tenant{border-top:4px solid var(--primary);background:#f9fcfc}.section-heading>span{color:var(--muted);font-variant-numeric:tabular-nums}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:18px}.template-card{overflow:hidden;border:1px solid var(--border);border-radius:4px;background:#fff}.template-section--tenant .template-card{border-color:#9bc8ca;box-shadow:inset 3px 0 var(--primary)}.template-preview{display:grid;place-items:center;height:calc(var(--space-12) * 2);align-content:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--subtle);background:var(--color-canvas-bg)}.template-preview__paper{position:relative;width:calc(var(--space-12) + var(--space-2));height:calc(var(--space-12) + var(--space-8));padding:var(--space-1-5);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--paper-shadow)}.template-preview__paper span{position:absolute;display:block;border-radius:var(--radius-control);background:var(--color-primary-100)}.template-preview__title{top:var(--space-2);right:var(--space-1-5);width:44px;height:var(--space-1);background:var(--color-ink-900)!important}.template-preview__meta{top:var(--space-4);left:var(--space-1-5);width:35px;height:var(--space-0-5)}.template-preview__customer{top:var(--space-5);right:var(--space-1-5);left:var(--space-1-5);height:var(--space-2);border:1px solid var(--color-border-subtle);background:var(--color-surface-cool)!important}.template-preview__table{top:var(--space-8);right:var(--space-1-5);left:var(--space-1-5);height:var(--space-5);border-block:4px double var(--color-border);border-radius:0!important;background:repeating-linear-gradient(to bottom,var(--color-surface) 0,var(--color-surface) 7px,var(--color-border-subtle) 8px)!important}.template-preview__total{right:var(--space-1-5);bottom:var(--space-4);width:38px;height:var(--space-1);background:var(--color-info-100)!important}.template-preview__signature{right:var(--space-1-5);bottom:var(--space-1-5);width:50px;height:var(--space-1-5);border:1px dashed var(--color-border-strong);background:transparent!important}.template-card-body{padding:18px}.template-card-body h3{margin-top:12px}.template-badges{display:flex;gap:8px}.source-badge,.status-badge{padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600}.source-badge--platform{color:#fff;background:#30344f}.source-badge--tenant{color:#086b70;background:#d6eeee}.status-badge{color:#345a9f;background:#edf2f9}.template-card dl{margin:14px 0}.template-card dl div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--subtle)}.template-card dt{color:var(--muted)}.template-card dd{margin:0;font-weight:600}.primary-action,.secondary-action{padding:8px 12px;border-radius:4px}.secondary-action{border:1px solid var(--border);color:var(--ink);background:#fff}.card-wide{width:100%}.brand-mark{display:grid;width:32px;height:36px;place-items:center;border:2px solid var(--primary);border-radius:4px;color:var(--primary);font-size:22px}.editor-title{display:flex;align-items:center;gap:10px;min-width:190px}.editor-title strong{font-size:18px;color:var(--ink)}.editor-title span{padding:1px 8px;border:1px solid #a9d4d6;border-radius:999px;color:var(--primary);font-size:12px}.save-state{font-size:12px;font-weight:600}.save-state.is-dirty{color:var(--state-dirty)}.save-state.is-saved{color:var(--state-saved)}.history-actions{display:flex;gap:4px}.history-actions button,.panel-tabs button{border:0;background:transparent;color:var(--ink);padding:8px 10px}.history-actions button:disabled{cursor:default;color:#8b9198}.demo-indicator{margin-left:auto;padding:7px 12px;border:1px solid var(--border);border-radius:4px}.demo-indicator i{display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:#237a4b}.primary-action{padding:9px 16px;border:1px solid #086b70;border-radius:4px;color:#fff;background:var(--primary);font-weight:600}.editor-workspace{display:grid;grid-template-columns:270px minmax(640px,1fr) 300px;min-height:0}.left-panel,.inspector{overflow:auto;border-right:1px solid var(--border);background:#fff}.inspector{border-right:0;border-left:1px solid var(--border);padding:18px}.panel-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}.panel-tabs button[aria-selected=true]{border-bottom:3px solid var(--state-selected-border);color:var(--state-selected-border);font-weight:600}.panel-body{padding:16px}.panel-help{margin:0 0 14px;color:var(--muted);font-size:12px}.field-list,.element-list{display:grid;gap:8px}.field-pill,.element-list button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:4px;color:var(--ink);background:#fff;text-align:left}.field-pill:hover,.element-list button:hover{border-color:var(--state-selected-border);background:var(--state-hover-bg);transform:translateY(-1px);box-shadow:0 2px 5px #22254c1a}.field-pill small{color:var(--muted);font-size:11px}.canvas-area{position:relative;min-width:0;overflow:auto;padding:14px 34px 30px;background:#dfe6eb}.selection-breadcrumb{position:sticky;z-index:2;top:0;display:flex;align-items:center;min-height:34px;padding:5px 10px;margin:0 auto 10px;border:1px solid #c7d1d8;background:#f4f6f7f5;max-width:635px;color:var(--muted);font-size:12px}.selection-breadcrumb span:last-child{color:var(--state-selected-border);font-weight:600}.selection-breadcrumb button{padding:2px 4px;border:0;color:inherit;background:transparent;font:inherit;cursor:pointer}.selection-breadcrumb button:hover,.selection-breadcrumb button:focus-visible{color:var(--state-selected-border);background:var(--state-hover-bg);outline:1px solid var(--state-selected-border)}.paper-frame{position:relative;box-sizing:content-box;margin:0 auto;border:1px solid #aeb9c4;box-shadow:0 3px 14px #22254c24;background:#fff}.paper-frame.has-selection{border-color:var(--state-selected-border)}.paper-frame iframe{display:block;border:0;overflow:hidden}.paper-frame.is-surface-dragging iframe{pointer-events:none}.canvas-pagination-overlay{position:absolute;z-index:3;inset:0;overflow:hidden;pointer-events:none}.canvas-page-boundary{position:absolute;inset-inline:0;top:0;height:var(--canvas-page-gap);color:var(--canvas-page-guide-label);background:var(--canvas-page-guide-bg);opacity:.92;transform-origin:top}.canvas-page-boundary:before{position:absolute;inset-inline:0;top:50%;border-top:var(--canvas-page-guide-line-width) dashed var(--canvas-page-guide-color);content:""}.canvas-page-boundary>span{position:absolute;right:var(--canvas-page-guide-label-offset);top:50%;transform:translateY(-50%);padding-inline:var(--space-0-5);background:var(--canvas-page-guide-bg);font:var(--text-helper)}.document-dnd-surface{position:absolute;z-index:4;inset:0;overflow:hidden;pointer-events:none}.surface-drag-handle{display:grid;width:24px;height:24px;padding:0;place-items:center;border:1px solid var(--state-selected-border);border-radius:3px;color:var(--state-selected-border);background:#fff;box-shadow:0 2px 5px #22254c24;cursor:grab;pointer-events:none;transition:transform var(--motion-enter) ease}.surface-drag-handle:focus-visible,.surface-drag-handle.is-dragging{pointer-events:auto}.surface-selection-actions-positioner{position:absolute;z-index:8;display:none;justify-content:end;align-items:start;pointer-events:none}.surface-selection-actions-positioner.is-visible{display:flex}.surface-selection-actions{display:flex;width:calc(var(--space-3) * 2);height:var(--space-3);margin-left:auto;max-width:100%;max-height:100%;pointer-events:none}.surface-selection-actions>button{width:50%;height:100%;flex:0 1 var(--space-3);pointer-events:auto}.surface-delete-action{display:grid;padding:var(--space-0-5);place-items:center;border:1px solid var(--color-danger-700);border-radius:var(--radius-control);color:var(--color-danger-700);background:var(--color-surface);cursor:pointer}.surface-delete-action svg{width:var(--space-2);height:var(--space-2);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.six-dot-handle{display:grid;grid-template-columns:repeat(2,3px);gap:2px}.six-dot-handle i{width:3px;height:3px;border-radius:50%;background:currentColor}.editor-toast{position:fixed;left:50%;bottom:48px;z-index:1200;display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;color:var(--surface);background:var(--ink);box-shadow:0 8px 24px #22254c33;transform:translate(-50%)}.editor-toast button{color:inherit;border-color:#ffffff73;background:transparent}.surface-drag-handle:active,.surface-drag-handle.is-dragging{cursor:grabbing;opacity:.4;transform:scale(1.02)}.surface-container-target,.surface-insert-target{position:absolute;box-sizing:border-box;pointer-events:none}.surface-container-target.is-ready{border:1px dashed var(--state-drop-ready)}.surface-container-target.is-active{border:2px solid var(--state-drop-active);background:color-mix(in srgb,var(--state-drop-active) 10%,transparent)}.surface-container-target.is-rejected{border:2px solid var(--state-rejected);background:color-mix(in srgb,var(--state-rejected) 9%,transparent);cursor:not-allowed}.surface-insert-target{z-index:6;opacity:0}.surface-insert-target.is-ready{opacity:.35}.surface-insert-target.is-active{opacity:1;background:color-mix(in srgb,var(--state-drop-active) 12%,transparent)}.surface-insert-target span{position:absolute;left:50%;top:var(--surface-line-y);padding:1px 6px;opacity:0;color:#fff;background:var(--state-drop-active);font-size:10px;transform:translate(-50%,-100%);white-space:nowrap}.surface-insert-target.is-active span{opacity:1}.surface-insertion-indicator{position:absolute;z-index:9;background:var(--state-insertion);box-shadow:0 1px 3px #2356343d;pointer-events:none;width:var(--indicator-width);height:var(--indicator-height);transform:translate3d(var(--indicator-x),var(--indicator-y),0);transform-origin:top left;transition:transform var(--motion-insertion) ease}.surface-container-target.is-drop-success,.surface-insert-target.is-drop-success{animation:drop-success var(--motion-success) ease-out}.is-drop-rejected .drag-preview{animation:drop-rejected var(--motion-rejection) ease-out}.surface-drop-rejection{position:absolute;z-index:10;box-sizing:border-box;padding:6px 8px;border:2px solid var(--state-rejected);color:var(--state-rejected);background:color-mix(in srgb,var(--state-rejected) 8%,#fff);box-shadow:0 4px 10px #00000024;font-size:12px;pointer-events:none}.drag-preview{box-sizing:border-box;max-width:720px;padding:8px 12px;border:1px solid var(--state-selected-border);background:#fff;box-shadow:0 10px 24px #0000003d;transform:scale(1.02);cursor:grabbing;overflow-wrap:normal;white-space:nowrap;pointer-events:none}body.is-drag-lock,body.is-drag-lock *{user-select:none!important;-webkit-user-select:none!important;touch-action:none!important;cursor:grabbing!important}body.is-drag-lock .surface-container-target.is-rejected,body.is-drag-lock .surface-insert-target.is-rejected,body.is-drag-lock .surface-drop-rejection{cursor:not-allowed!important}body.is-auto-scrolling .surface-drag-handle{opacity:0!important;pointer-events:none!important}.drag-tuning-panel{position:fixed;right:16px;bottom:48px;z-index:1000;display:grid;width:260px;gap:8px;padding:12px;border:1px solid var(--border);border-radius:8px;color:var(--ink);background:var(--surface);box-shadow:0 10px 30px #1227302e;font-size:12px}.drag-tuning-panel label{display:grid;gap:4px}.drag-tuning-panel pre{margin:0;white-space:pre-wrap}.is-dragging{opacity:.45}.drag-live-region{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.drop-feedback{width:min(635px,100%);margin:0 auto 8px;padding:8px 10px;border:1px solid var(--state-rejected);color:var(--state-rejected);background:#fdecea}.layout-presets{display:grid;grid-template-columns:1fr;gap:var(--space-1);margin-top:var(--space-1)}.layout-presets button{display:grid;grid-template-columns:minmax(0,1fr) var(--space-5);align-items:center;min-width:0;gap:var(--space-1);padding:var(--space-1);font-size:11px}.layout-presets button:hover,.layout-presets button:focus-visible{border-color:var(--state-selected-border);background:var(--state-hover-bg)}.layout-thumbnail{display:flex;width:100%;height:var(--space-4);gap:var(--space-0-5)}.layout-thumbnail i{min-width:0;border:1px solid var(--state-selected-border);border-radius:2px;background:color-mix(in srgb,var(--state-selected-border) 18%,transparent)}.layout-presets small{color:var(--muted);text-align:center;font:10px/1.2 ui-monospace,monospace}.diagnostic-count{position:absolute;right:16px;top:16px;padding:4px 8px;background:#fff4dc;color:#9a5b00;font-size:12px}.state-message{padding:14px;border:1px solid var(--subtle);color:var(--muted);background:#fafafa}.state-message.error{margin-bottom:8px;border-color:#efb5b0;color:var(--danger);background:color-mix(in srgb,var(--state-rejected) 8%,#fff)}.inspector h2{margin:0 0 18px;color:var(--ink);font-size:18px}.inspector dl{display:flex;justify-content:space-between;margin:0 0 24px;padding-bottom:14px;border-bottom:1px solid var(--subtle)}.inspector dt{color:var(--muted)}.inspector dd{margin:0}.inspector label{display:grid;gap:6px;margin-bottom:16px;color:var(--ink);font-weight:500}.inspector input,.inspector select,.inspector textarea{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:4px;color:var(--text);background:#fff}.inspector input:focus,.inspector select:focus,.inspector textarea:focus,button:focus-visible{outline:2px solid var(--state-selected-border);outline-offset:2px}.rich-text-editor{display:grid;gap:var(--space-2);margin-bottom:var(--space-2)}.image-editor{display:grid;gap:var(--space-0-5);margin-bottom:var(--space-2)}.inspector .image-upload-action{position:relative;display:block;min-height:var(--space-5);margin-bottom:var(--space-1);padding:var(--space-1) var(--space-2);box-sizing:border-box;border:thin solid var(--color-primary-600);border-radius:var(--radius-control);color:var(--color-surface);background:var(--color-primary-600);font:var(--text-control);text-align:center;cursor:pointer}.inspector .image-upload-action:hover{background:var(--color-primary-700)}.inspector .image-upload-action input{position:absolute;inset:var(--space-0);width:100%;height:100%;padding:var(--space-0);opacity:0;cursor:pointer}.inspector .image-upload-action:focus-within{outline:medium solid var(--color-focus);outline-offset:var(--space-0-5)}.inspector-group-heading{display:flex;justify-content:space-between;color:var(--ink);font:var(--text-label)}.rich-text-block{display:grid;gap:var(--space-1);padding-bottom:var(--space-2);border-bottom:1px solid var(--subtle)}.rich-text-block label{margin-bottom:var(--space-0)}.inspector textarea{min-height:var(--space-10);box-sizing:border-box;resize:vertical;font:var(--text-body)}.secondary-action{min-height:var(--space-4);padding:var(--space-0-5) var(--space-1);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--ink);background:var(--surface);font:var(--text-control)}.property-error{margin:var(--space-0-5) var(--space-0) var(--space-2);color:var(--danger);font:var(--text-helper)}.danger-action{width:100%;margin-top:20px;padding:9px;border:1px solid var(--state-rejected);border-radius:4px;color:var(--danger);background:#fff}.editor-statusbar{display:flex;align-items:center;gap:30px;padding:0 18px;border-top:1px solid var(--border);background:#fff;color:var(--muted);font-size:12px}.pagination-honesty{max-width:240px;color:var(--warning)}.zoom-control{display:flex;align-items:center;gap:5px;margin-left:auto}.zoom-control button,.zoom-control select{min-height:28px;border:1px solid var(--border);border-radius:4px;color:var(--ink);background:#fff}.zoom-control button{min-width:28px;padding:0 7px}.zoom-control button:disabled{cursor:default;color:var(--text-disabled, #8b9198)}.zoom-control output{min-width:62px;color:var(--primary);font-variant-numeric:tabular-nums;font-weight:600}.healthy{color:#237a4b}@keyframes drop-success{0%{background:color-mix(in srgb,var(--state-drop-ready) 28%,#fff)}to{background:transparent}}@keyframes drop-rejected{0%,to{transform:translate(0) scale(1.02)}25%{transform:translate(-5px) scale(1.02)}50%{transform:translate(4px) scale(1.02)}75%{transform:translate(-2px) scale(1.02)}}@media(prefers-reduced-motion:reduce){.field-pill,.element-list button,.surface-drag-handle,.surface-insert-target,.surface-insertion-indicator,.surface-container-target.is-drop-success,.surface-insert-target.is-drop-success,.is-drop-rejected .drag-preview,.new-user-checklist.is-celebrating{transition:none!important;animation:none!important}.guided-drag-demo>span{animation:none!important;transform:none!important;opacity:var(--hint-drag-ghost-opacity)}}.motion-reduced .field-pill,.motion-reduced .element-list button,.motion-reduced .surface-drag-handle,.motion-reduced .surface-insert-target,.motion-reduced .surface-insertion-indicator,.motion-reduced .surface-container-target.is-drop-success,.motion-reduced .surface-insert-target.is-drop-success,.motion-reduced .is-drop-rejected .drag-preview{transition:none!important;animation:none!important}.motion-reduced .guided-drag-demo>span{animation:none!important;transform:none!important;opacity:var(--hint-drag-ghost-opacity)}@media(max-width:1000px){.editor-workspace{grid-template-columns:220px minmax(560px,1fr) 260px}.editor-title{min-width:auto}.saved{display:none}}