:root{--canvas:#f4f6f8;--surface:#fff;--surface-soft:#f8f9fb;--surface-raised:#ffffffe0;--ink:#18202a;--ink-2:#475467;--ink-3:#697586;--line:#e2e7ed;--line-strong:#cfd7e2;--blue:#3478f6;--blue-dark:#1f63d5;--blue-soft:#eaf2ff;--teal:#23887c;--teal-soft:#e8f6f3;--orange:#b76a12;--orange-soft:#fff4df;--red:#c84949;--red-soft:#fff0ef;--purple:#7256c8;--purple-soft:#f2efff;--shadow-sm:0 1px 2px #1420300d, 0 4px 12px #1420300a;--shadow-md:0 14px 34px #1420301c, 0 2px 8px #1420300d;--shadow-lg:0 28px 70px #1420302e, 0 4px 18px #14203014;--spring:cubic-bezier(.2, .85, .25, 1.08);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;min-width:320px}body{color:var(--ink);background:var(--canvas);margin:0;font-size:14px}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #3478f642}button:active{transition:transform 80ms ease-out;transform:scale(.97)}svg{display:block}.app-shell{grid-template-rows:64px 1fr;min-height:100vh;display:grid;overflow:hidden}.topbar{z-index:50;-webkit-backdrop-filter:blur(22px)saturate(175%);backdrop-filter:blur(22px)saturate(175%);background:#f8fafcd1;border-bottom:1px solid #c7d0dcc7;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:0 20px;display:flex;position:relative}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand img{filter:drop-shadow(0 4px 9px #3478f62e);flex:none;width:38px;height:38px}.brand-copy{gap:1px;min-width:0;display:grid}.brand-copy strong{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.brand-copy span{color:var(--ink-3);font-size:.62rem}.topbar-actions{align-items:center;gap:8px;display:flex}.local-pill,.status-pill,.tag,.count-chip{color:#1d7067;white-space:nowrap;background:#ecf9f6e6;border:1px solid #cce6df;border-radius:999px;align-items:center;gap:5px;width:fit-content;min-height:28px;padding:0 9px;font-size:.62rem;font-weight:750;display:inline-flex}.local-pill:before{content:"";background:#2aa58f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #2aa58f1f}.status-pill.has-issue{color:var(--orange);background:var(--orange-soft);border-color:#eed6ae}.button{border:1px solid var(--line-strong);min-height:38px;color:var(--ink-2);cursor:pointer;background:#ffffffe6;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:.7rem;font-weight:720;transition:border-color .14s,background .14s,box-shadow .14s,transform 90ms;display:inline-flex;box-shadow:0 1px 2px #1420300a}.button:hover{box-shadow:var(--shadow-sm);background:#fff;border-color:#b8c4d3}.button.primary{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 5px 14px #3478f63b}.button.primary:hover{border-color:var(--blue-dark);background:var(--blue-dark)}.button.tinted{color:var(--blue-dark);background:var(--blue-soft);border-color:#c7dafa}.button.danger{color:var(--red);background:var(--red-soft);border-color:#efd2d0}.button.icon-only{width:36px;padding:0}.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.workspace{grid-template-columns:256px minmax(600px,1fr) 310px;min-height:0;display:grid;overflow:hidden}.sidebar,.inspector{background:var(--surface-soft);scrollbar-width:thin;min-height:0;overflow-y:auto}.sidebar{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.sidebar-inner,.inspector-inner{align-content:start;gap:17px;padding:16px 14px 24px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:8px;min-height:25px;display:flex}.section-heading h2,.section-heading h3{letter-spacing:-.01em;margin:0;font-size:.68rem}.section-heading span{color:var(--ink-3);font-size:.58rem}.eyebrow{color:var(--ink-3);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.56rem;font-weight:800}.rule-set-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:13px;padding:12px}.rule-set-card>div:first-child{align-items:center;gap:9px;display:flex}.rule-set-icon{width:34px;height:34px;color:var(--blue);background:var(--blue-soft);border-radius:10px;place-items:center;display:grid}.rule-set-copy{flex:1;min-width:0;display:grid}.rule-set-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.rule-set-copy small{color:var(--ink-3);font-size:.55rem}.rule-set-meta{border-top:1px solid var(--line);color:var(--ink-3);justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;font-size:.56rem;display:flex}.template-list{gap:5px;display:grid}.template-item{width:100%;min-height:43px;color:var(--ink-2);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.template-item:hover{background:#fff}.template-item.is-active{color:var(--blue-dark);box-shadow:var(--shadow-sm);background:#fff;border-color:#cbdcfa}.template-item>span:first-child{background:#edf1f6;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.template-item.is-active>span:first-child{background:var(--blue-soft)}.template-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;display:block;overflow:hidden}.template-item small{color:var(--ink-3);font-size:.51rem}.template-item em{color:var(--ink-3);font-size:.52rem;font-style:normal}.drop-zone{min-height:124px;color:var(--ink-2);text-align:center;cursor:pointer;background:#ffffffa8;border:1.5px dashed #b8c7da;border-radius:14px;place-items:center;padding:16px 12px;transition:border-color .15s,background .15s,transform .15s;display:grid;position:relative}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--blue);background:var(--blue-soft)}.drop-zone.is-dragging{transform:scale(1.015)}.drop-zone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop-icon{width:39px;height:39px;color:var(--blue);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;place-items:center;margin:0 auto 8px;display:grid}.drop-zone strong{font-size:.64rem;display:block}.drop-zone span{color:var(--ink-3);margin-top:3px;font-size:.53rem;line-height:1.5;display:block}.source-summary{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.source-summary button{border:1px solid var(--line);min-height:34px;color:var(--ink-2);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 7px;font-size:.57rem;font-weight:700;display:flex}.file-source-card{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:30px minmax(0,1fr) 25px;align-items:center;gap:7px;min-height:50px;margin-top:8px;padding:8px;display:grid}.file-source-card>span{color:#c57b1d;background:var(--orange-soft);border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.file-source-card>div{min-width:0;display:grid}.file-source-card strong,.file-source-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-source-card strong{font-size:.61rem}.file-source-card small{color:var(--ink-3);font-size:.51rem}.file-source-card button{width:25px;height:25px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.hash-progress{color:var(--blue-dark);background:var(--blue-soft);border:1px solid #cddcf4;border-radius:9px;grid-template-columns:1fr auto;gap:5px 8px;margin-top:8px;padding:8px 9px;font-size:.51rem;display:grid}.hash-progress i{background:#3478f624;border-radius:99px;grid-column:1/-1;height:4px;overflow:hidden}.hash-progress b{border-radius:inherit;background:var(--blue);height:100%;display:block}.privacy-note{color:var(--ink-3);align-items:flex-start;gap:7px;margin:0;font-size:.54rem;line-height:1.5;display:flex}.privacy-note svg{color:var(--teal);flex:none;margin-top:1px}.main-canvas{background:#fff;grid-template-rows:auto auto 1fr;min-width:0;min-height:0;display:grid;overflow:hidden}.workspace-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:flex-end;gap:20px;min-height:76px;padding:13px 20px 10px;display:flex}.workspace-title{min-width:0}.workspace-title h1{letter-spacing:-.035em;margin:2px 0 0;font-size:1.15rem;line-height:1.2}.workspace-title p{color:var(--ink-3);margin:5px 0 0;font-size:.62rem}.progress-steps{align-items:center;gap:7px;display:flex}.progress-step{color:var(--ink-3);align-items:center;gap:6px;font-size:.56rem;font-weight:700;display:flex}.progress-step b{width:23px;height:23px;color:var(--ink-3);background:#edf1f5;border-radius:50%;place-items:center;font-size:.53rem;display:grid}.progress-step.is-current{color:var(--blue-dark)}.progress-step.is-current b{color:#fff;background:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.progress-line{background:var(--line-strong);width:18px;height:1px}.view-tabs{border-bottom:1px solid var(--line);background:#fafbfde0;justify-content:space-between;align-items:center;gap:14px;min-height:48px;padding:7px 18px;display:flex}.segmented{background:#e9edf2;border-radius:10px;align-items:center;gap:2px;padding:3px;display:inline-flex}.segmented button{min-height:31px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-size:.6rem;font-weight:750;display:inline-flex}.segmented button.is-active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #1420301f}.saved-state{color:var(--ink-3);align-items:center;gap:6px;font-size:.56rem;display:flex}.saved-state svg{color:var(--teal)}.canvas-scroll{scrollbar-width:thin;background:#f6f8fa;min-height:0;padding:18px 20px 52px;overflow-y:auto}.canvas-inner{gap:13px;width:min(860px,100%);margin:0 auto;display:grid}.builder-intro{color:var(--blue-dark);background:var(--blue-soft);border:1px solid #d3e1f7;border-radius:14px;align-items:center;gap:12px;padding:15px 16px;display:flex}.builder-intro>span{color:#fff;background:var(--blue);border-radius:11px;flex:none;place-items:center;width:35px;height:35px;display:grid}.builder-intro div{flex:1}.builder-intro strong{font-size:.72rem;display:block}.builder-intro p{color:#456589;margin:3px 0 0;font-size:.57rem;line-height:1.5}.rule-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:15px;transition:border-color .15s,box-shadow .15s,opacity .15s;position:relative;overflow:hidden}.rule-card:hover{border-color:#c7d2df;box-shadow:0 7px 20px #14203012}.rule-card.is-editing{box-shadow:0 0 0 3px #3478f617, var(--shadow-md);border-color:#afc8f3}.rule-card.is-dragging{opacity:.56}.rule-card-header{border-bottom:1px solid var(--line);background:#fcfdfe;grid-template-columns:28px 32px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:54px;padding:9px 12px;display:grid}.drag-handle{color:#95a0ae;cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;width:28px;height:34px;display:grid}.drag-handle:active{cursor:grabbing}.rule-index{width:32px;height:32px;color:var(--blue-dark);background:var(--blue-soft);border-radius:10px;place-items:center;font-size:.62rem;font-weight:800;display:grid}.rule-card-title{min-width:0;display:grid}.rule-card-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.rule-card-title span{color:var(--ink-3);font-size:.53rem}.rule-card-actions{align-items:center;gap:5px;display:flex}.mini-button{border:1px solid var(--line);width:29px;height:29px;color:var(--ink-3);cursor:pointer;background:#fff;border-radius:8px;place-items:center;padding:0;display:grid}.mini-button:hover{color:var(--blue);background:var(--blue-soft);border-color:#bcd1f5}.mini-button.danger:hover{color:var(--red);background:var(--red-soft);border-color:#efccca}.rule-body{grid-template-columns:1fr 34px 1.08fr;align-items:stretch;gap:10px;padding:12px 14px 14px;display:grid}.logic-block{border:1px solid var(--line);background:var(--surface-soft);border-radius:11px;min-width:0;padding:11px}.logic-label{color:var(--ink-3);letter-spacing:.08em;align-items:center;gap:6px;margin-bottom:8px;font-size:.52rem;font-weight:850;display:flex}.logic-label b{color:var(--purple);background:var(--purple-soft);border-radius:6px;padding:3px 6px;font-size:.5rem}.logic-block.then .logic-label b{color:var(--teal);background:var(--teal-soft)}.logic-row{min-height:29px;color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:5px;font-size:.59rem;line-height:1.5;display:flex}.logic-row+.logic-row{border-top:1px dashed #d8dee7;margin-top:5px;padding-top:5px}.logic-row code{color:var(--blue-dark);background:#edf3fd;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.56rem}.logic-connector{color:#8f9bab;place-items:center;display:grid}.rule-match{color:var(--ink-3);justify-content:space-between;align-items:center;margin-top:9px;font-size:.53rem;display:flex}.match-bar{background:#e6ebf1;border-radius:99px;width:84px;height:5px;overflow:hidden}.match-bar i{border-radius:inherit;background:var(--teal);height:100%;display:block}.rule-editor{background:#f8fbff;border-top:1px solid #d8e5f8;gap:13px;padding:14px;display:grid}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field{min-width:0;color:var(--ink-2);gap:5px;font-size:.56rem;font-weight:720;display:grid}.field.span-2{grid-column:1/-1}.field input,.field select{border:1px solid var(--line-strong);width:100%;min-height:38px;color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:7px 9px;font-size:.63rem}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3478f61a}.variable-chips{flex-wrap:wrap;gap:5px;display:flex}.variable-chips button{min-height:27px;color:var(--blue-dark);cursor:pointer;background:#fff;border:1px solid #cddcf4;border-radius:7px;padding:0 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.53rem}.editor-preview{color:var(--ink-2);background:#fff;border:1px solid #cddcf4;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;font-size:.57rem;display:flex}.editor-preview code{color:var(--blue-dark);font-weight:700}.add-rule{min-height:48px;color:var(--blue-dark);cursor:pointer;background:#ffffff8c;border:1.5px dashed #bcc8d7;border-radius:13px;justify-content:center;align-items:center;gap:8px;font-size:.63rem;font-weight:750;display:flex}.add-rule:hover{border-color:var(--blue);background:var(--blue-soft)}.simulation-card,.tree-card,.warning-card,.duplicate-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;overflow:hidden}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:10px 12px;display:flex}.card-head>div{align-items:center;gap:8px;display:flex}.card-head span:first-child{width:27px;height:27px;color:var(--blue);background:var(--blue-soft);border-radius:8px;place-items:center;display:grid}.card-head strong{font-size:.66rem}.card-head small{color:var(--ink-3);font-size:.52rem}.simulation-total{justify-content:space-between;align-items:flex-end;padding:13px 12px 10px;display:flex}.simulation-total strong{letter-spacing:-.045em;font-size:1.55rem;line-height:1}.simulation-total span{color:var(--ink-3);font-size:.57rem}.simulation-grid{grid-template-columns:1fr 1fr;gap:6px;padding:0 10px 11px;display:grid}.simulation-stat{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;min-height:55px;padding:8px 9px}.simulation-stat span{color:var(--ink-3);font-size:.51rem;display:block}.simulation-stat strong{margin-top:3px;font-size:.82rem;display:block}.simulation-stat.rename strong{color:var(--blue-dark)}.simulation-stat.move strong{color:var(--teal)}.simulation-stat.ignore strong{color:var(--ink-3)}.simulation-stat.conflict strong{color:var(--red)}.run-area{border-top:1px solid var(--line);gap:7px;padding:10px 12px 12px;display:grid}.run-area .button{width:100%;min-height:42px}.run-note{color:var(--ink-3);text-align:center;margin:0;font-size:.51rem;line-height:1.5}.tree-body{color:var(--ink-2);padding:10px 12px 12px;font-size:.57rem}.tree-row{align-items:center;gap:6px;min-height:26px;display:flex}.tree-row.depth-1{padding-left:16px}.tree-row.depth-2{padding-left:34px}.tree-row svg{color:#df9b2e;flex:none}.tree-row.file svg{color:var(--ink-3)}.tree-row span{color:var(--ink-3);margin-left:auto;font-size:.5rem}.tree-more{color:var(--ink-3);background:var(--surface-soft);text-align:center;border-radius:8px;margin-top:6px;padding:7px;font-size:.51rem}.warning-card{border-color:#efd7b0}.warning-body{color:#7c561e;background:var(--orange-soft);align-items:flex-start;gap:8px;padding:11px 12px;font-size:.56rem;line-height:1.5;display:flex}.warning-body p{margin:0}.warning-body strong{color:#6b4817;display:block}.preview-view,.analysis-view{gap:13px;display:grid}.summary-strip{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.summary-tile{border:1px solid var(--line);min-height:72px;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;padding:11px}.summary-tile span{color:var(--ink-3);font-size:.53rem;display:block}.summary-tile strong{letter-spacing:-.03em;margin-top:5px;font-size:1rem;display:block}.summary-tile.conflict strong{color:var(--red)}.preview-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:8px 12px;display:flex}.preview-toolbar h2{margin:0;font-size:.7rem}.preview-toolbar p{color:var(--ink-3);margin:2px 0 0;font-size:.53rem}.filter-control{border:1px solid var(--line);min-height:33px;color:var(--ink-2);background:#fff;border-radius:8px;padding:0 8px;font-size:.57rem}.preview-table-wrap{overflow:auto}.preview-table{border-collapse:collapse;table-layout:fixed;width:100%}.preview-table th{height:36px;color:var(--ink-3);letter-spacing:.04em;text-align:left;background:#f7f9fb;padding:0 11px;font-size:.51rem;font-weight:800}.preview-table td{border-top:1px solid var(--line);min-height:49px;color:var(--ink-2);vertical-align:middle;padding:9px 11px;font-size:.58rem}.preview-table th:first-child,.preview-table td:first-child{width:25%}.preview-table th:nth-child(2),.preview-table td:nth-child(2){text-align:center;width:32px;padding-inline:0}.preview-table th:nth-child(3),.preview-table td:nth-child(3){width:27%}.preview-table th:nth-child(4),.preview-table td:nth-child(4){width:15%}.preview-table th:nth-child(5),.preview-table td:nth-child(5){width:17%}.preview-table th:nth-child(6),.preview-table td:nth-child(6){width:110px}.file-cell{grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.file-type-icon{border:1px solid var(--line);width:30px;height:34px;color:var(--blue);background:var(--blue-soft);border-radius:7px;place-items:center;display:grid}.file-cell>div{min-width:0}.file-cell strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;display:block;overflow:hidden}.file-cell small{color:var(--ink-3);font-size:.5rem;display:block}.after-name{color:var(--blue-dark);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.56rem;font-weight:650;display:block;overflow:hidden}.after-folder{color:var(--ink-3);align-items:center;gap:4px;margin-top:3px;font-size:.5rem;display:flex}.cell-error{color:var(--red);margin-top:3px;font-size:.49rem;display:block}.meta-cell strong,.meta-cell span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.meta-cell strong{color:var(--ink);font-size:.56rem}.meta-cell span{color:var(--ink-3);margin-top:3px;font-size:.49rem}.table-empty{color:var(--ink-3);text-align:center;padding:24px}.row-status{color:#1f7167;background:var(--teal-soft);border-radius:999px;align-items:center;gap:4px;min-height:24px;padding:0 7px;font-size:.49rem;font-weight:750;display:inline-flex}.row-status.conflict{color:var(--red);background:var(--red-soft)}.row-status.ignored{color:var(--ink-3);background:#edf0f4}.duplicate-card .duplicate-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.duplicate-info{align-items:center;gap:9px;min-width:0;display:flex}.duplicate-info>span{width:34px;height:34px;color:var(--orange);background:var(--orange-soft);border-radius:10px;flex:none;place-items:center;display:grid}.duplicate-info strong{font-size:.62rem;display:block}.duplicate-info p{color:var(--ink-3);margin:2px 0 0;font-size:.52rem}.duplicate-choice{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.choice-chip{border:1px solid var(--line);min-height:30px;color:var(--ink-2);cursor:pointer;background:#fff;border-radius:8px;padding:0 8px;font-size:.53rem}.choice-chip.is-active{color:var(--blue-dark);background:var(--blue-soft);border-color:#bcd1f5}.dashboard-grid{grid-template-columns:1.15fr .85fr;gap:13px;display:grid}.analysis-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.metric-card{border:1px solid var(--line);min-height:78px;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:11px;display:flex}.metric-icon{width:36px;height:36px;color:var(--blue);background:var(--blue-soft);border-radius:11px;flex:none;place-items:center;display:grid}.metric-icon.teal{color:var(--teal);background:var(--teal-soft)}.metric-icon.purple{color:var(--purple);background:var(--purple-soft)}.metric-card>div{min-width:0;display:grid}.metric-card span:not(.metric-icon){color:var(--ink-3);font-size:.51rem}.metric-card strong{letter-spacing:-.035em;margin-top:2px;font-size:1rem}.dashboard-card{border:1px solid var(--line);min-height:250px;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;padding:14px}.dashboard-card h2{margin:0;font-size:.7rem}.dashboard-card>p{color:var(--ink-3);margin:4px 0 0;font-size:.53rem}.category-chart{grid-template-columns:142px 1fr;align-items:center;gap:20px;margin-top:20px;display:grid}.donut{background:conic-gradient(var(--blue) 0 44%, var(--teal) 44% 69%, var(--purple) 69% 86%, #cfd6df 86% 100%);border-radius:50%;place-items:center;width:132px;height:132px;display:grid;box-shadow:inset 0 0 0 1px #fff}.donut:after{width:80px;height:80px;color:var(--ink);content:attr(data-total);letter-spacing:-.035em;background:#fff;border-radius:50%;place-items:center;font-size:1rem;font-weight:800;display:grid}.legend{gap:10px;display:grid}.legend-row{color:var(--ink-2);grid-template-columns:9px 1fr auto;align-items:center;gap:7px;font-size:.56rem;display:grid}.legend-row i{background:var(--blue);border-radius:3px;width:8px;height:8px}.legend-row:nth-child(2) i{background:var(--teal)}.legend-row:nth-child(3) i{background:var(--purple)}.legend-row:nth-child(4) i{background:#cfd6df}.legend-row strong{font-size:.6rem}.storage-bars{gap:12px;margin-top:18px;display:grid}.storage-row{gap:5px;display:grid}.storage-label{color:var(--ink-2);justify-content:space-between;align-items:center;font-size:.55rem;display:flex}.storage-label strong{color:var(--ink)}.storage-track{background:#e9edf2;border-radius:99px;height:8px;overflow:hidden}.storage-track i{border-radius:inherit;background:var(--blue);height:100%;display:block}.storage-row:nth-child(2) .storage-track i{background:var(--teal)}.storage-row:nth-child(3) .storage-track i{background:var(--purple)}.storage-row:nth-child(4) .storage-track i{background:#9ba8b8}.size-buckets{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px;display:grid}.size-buckets>div{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;align-content:start;min-height:82px;padding:10px;display:grid}.size-buckets span{color:var(--ink-3);font-size:.49rem}.size-buckets strong{margin-top:5px;font-size:.94rem}.size-buckets small{color:var(--ink-3);font-size:.48rem}.storage-total{color:var(--blue);background:var(--blue-soft);border:1px solid #cddcf4;border-radius:10px;align-items:center;gap:9px;margin-top:9px;padding:10px;display:flex}.storage-total div{display:grid}.storage-total span{color:#56708f;font-size:.5rem}.storage-total strong{color:var(--blue-dark);font-size:.68rem}.insight-list{gap:7px;margin-top:14px;display:grid}.insight-item{border:1px solid var(--line);color:var(--ink-2);background:var(--surface-soft);border-radius:10px;align-items:flex-start;gap:8px;padding:10px;font-size:.55rem;line-height:1.5;display:flex}.insight-item>span{width:27px;height:27px;color:var(--blue);background:var(--blue-soft);border-radius:8px;flex:none;place-items:center;display:grid}.insight-item strong{color:var(--ink);display:block}.empty-state{text-align:center;place-items:center;min-height:360px;padding:30px;display:grid}.empty-state>div{max-width:370px}.empty-state span{width:64px;height:64px;color:var(--blue);background:var(--blue-soft);border-radius:20px;place-items:center;margin:0 auto 14px;display:grid}.empty-state h2{letter-spacing:-.03em;margin:0;font-size:1rem}.empty-state p{color:var(--ink-3);margin:7px 0 16px;font-size:.62rem;line-height:1.65}.sheet-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px)saturate(120%);backdrop-filter:blur(10px)saturate(120%);background:#1b243057;place-items:center;padding:24px;animation:.16s ease-out both backdrop-in;display:grid;position:fixed;inset:0}.sheet{width:min(520px,94vw);max-height:90vh;box-shadow:var(--shadow-lg);animation:sheet-in .3s var(--spring) both;background:#fcfdfef7;border:1px solid #ffffffbf;border-radius:19px;overflow:auto}@keyframes backdrop-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;filter:blur(4px);transform:translateY(18px)scale(.97)}}.sheet-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:60px;padding:11px 14px;display:flex}.sheet-header h2{letter-spacing:-.02em;margin:0;font-size:.8rem}.sheet-body{gap:13px;padding:16px;display:grid}.sheet-footer{border-top:1px solid var(--line);background:#f8fafc;justify-content:flex-end;gap:7px;padding:11px 14px;display:flex}.execute-summary{color:var(--blue-dark);background:var(--blue-soft);border:1px solid #cddcf4;border-radius:11px;align-items:center;gap:10px;padding:12px;display:flex}.execute-summary>span{color:#fff;background:var(--blue);border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.execute-summary strong{font-size:.68rem;display:block}.execute-summary p{color:#4d6888;margin:2px 0 0;font-size:.54rem}.confirm-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.confirm-list li{border:1px solid var(--line);min-height:35px;color:var(--ink-2);background:#fff;border-radius:9px;justify-content:space-between;align-items:center;padding:7px 9px;font-size:.56rem;display:flex}.confirm-list strong{color:var(--ink)}.sheet-note{color:var(--ink-3);margin:0;font-size:.55rem;line-height:1.6}.toast{z-index:200;border:1px solid var(--line-strong);max-width:min(390px,100vw - 30px);min-height:48px;color:var(--ink);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-md);animation:sheet-in .28s var(--spring) both;background:#ffffffeb;border-radius:13px;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;padding:9px 10px;display:grid;position:fixed;bottom:18px;right:18px}.toast>span{width:29px;height:29px;color:var(--teal);background:var(--teal-soft);border-radius:9px;place-items:center;display:grid}.toast.error>span{color:var(--red);background:var(--red-soft)}.toast p{margin:0;font-size:.6rem;font-weight:680}.toast button{width:28px;height:28px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.mobile-switcher{display:none}@media (max-width:1180px){.workspace{grid-template-columns:214px minmax(500px,1fr) 270px}.topbar{padding-inline:14px}.topbar .button span{display:none}.topbar .button{width:38px;padding:0}.rule-body{grid-template-columns:1fr 30px 1fr}.summary-strip{grid-template-columns:repeat(3,1fr)}}@media (max-width:960px){.app-shell{grid-template-rows:60px auto 1fr}.topbar{min-height:60px}.brand-copy span,.topbar .local-pill{display:none}.mobile-switcher{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f9fbe6;grid-template-columns:repeat(3,1fr);gap:4px;min-height:48px;padding:6px 10px;display:grid}.mobile-switcher button{min-height:35px;color:var(--ink-3);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-size:.58rem;font-weight:750;display:flex}.mobile-switcher button.is-active{color:var(--blue-dark);background:#fff;box-shadow:0 1px 5px #1420301a}.workspace{min-height:0;display:block;overflow-y:auto}.sidebar,.main-canvas,.inspector{border:0;min-height:calc(100vh - 108px);display:none}.workspace.show-files .sidebar,.workspace.show-workflow .main-canvas,.workspace.show-summary .inspector{display:block}.sidebar-inner,.inspector-inner{width:min(720px,100%);margin:0 auto;padding:20px}.main-canvas{grid-template-rows:auto auto minmax(500px,1fr);min-height:calc(100vh - 108px)}.canvas-scroll{overflow:visible}.progress-steps{display:none}.dashboard-grid{grid-template-columns:1fr}.analysis-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.topbar{padding-inline:10px}.brand-copy strong{max-width:160px;font-size:.72rem}.topbar-actions{gap:4px}.topbar-actions .button:nth-of-type(2){display:none}.workspace-header{min-height:68px;padding:11px 13px 9px}.workspace-title h1{font-size:.95rem}.workspace-title p{font-size:.54rem}.view-tabs{padding-inline:10px}.saved-state{display:none}.segmented{width:100%}.segmented button{flex:1;justify-content:center;min-width:0;padding-inline:6px}.canvas-scroll{padding:12px 9px 38px}.builder-intro{align-items:flex-start}.builder-intro .button{display:none}.rule-card-header{grid-template-columns:24px 30px minmax(0,1fr) auto;padding-inline:7px}.rule-card-actions .mini-button:not(:last-child){display:none}.rule-body{grid-template-columns:1fr}.logic-connector{height:20px;transform:rotate(90deg)}.editor-grid{grid-template-columns:1fr}.field.span-2{grid-column:auto}.summary-strip{grid-template-columns:repeat(2,1fr)}.summary-tile:first-child{grid-column:1/-1}.preview-table{min-width:700px}.duplicate-card .duplicate-body{grid-template-columns:1fr}.duplicate-choice{justify-content:flex-start}.category-chart{grid-template-columns:1fr;justify-items:center}.legend{width:100%}.sheet-backdrop{place-items:end center;padding:0}.sheet{border-radius:20px 20px 0 0;width:100%;max-width:none;max-height:92vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.sheet,.toast,.drop-zone{filter:none!important;transform:none!important}}@media (prefers-reduced-transparency:reduce){.topbar,.mobile-switcher,.toast{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.sheet-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1b24309e}}@media (prefers-contrast:more){:root{--line:#8995a5;--line-strong:#667385}.button,.rule-card,.preview-card,.simulation-card,.dashboard-card{border-width:2px}.topbar,.toast{background:#fff}}
