*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--owl-color-background);color:var(--owl-color-text);font-family:var(--owl-font-family);margin:0}a{color:inherit}.portal-login{background:var(--owl-color-background);place-items:center;min-height:100vh;padding:24px;display:grid}.portal-login__panel{width:min(420px,100%)}.portal-login__notice,.portal-login__form{margin-top:20px}.portal-shell{min-height:100vh}.portal-sidebar{border-right:1px solid var(--owl-color-border);background:var(--owl-color-surface)}.portal-brand{border-bottom:1px solid var(--owl-color-border);align-items:center;gap:10px;height:64px;padding:0 18px;font-weight:700;display:flex}.portal-brand__mark{border-radius:var(--owl-radius-control);background:var(--owl-color-primary);width:32px;height:32px;color:var(--owl-color-on-primary);place-items:center;display:grid}.portal-header{border-bottom:1px solid var(--owl-color-border);background:var(--owl-color-surface);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.portal-header__left,.portal-header__right{align-items:center;gap:12px;display:flex}.portal-content{padding:var(--owl-page-gap)}.page{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.page--narrow{max-width:680px}.page__center{place-items:center;min-height:120px;display:grid}.page__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page__toolbar{justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.page__meta-text{color:var(--owl-color-text-secondary);font-size:12px}.page__code-text{text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;max-width:320px;display:inline-block;overflow:hidden}.ant-table-wrapper .ant-table-expanded-row-fixed,.ant-message .ant-message-notice-title{color:var(--owl-color-text)}.ant-tag-green.ant-tag-filled{color:#237804!important}.permission-transfer{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:16px;display:grid}.permission-transfer__pane{border:1px solid var(--owl-color-border);border-radius:var(--owl-radius-control);background:var(--owl-color-surface);min-height:360px;max-height:520px;padding:12px;overflow:auto}.permission-transfer__pane-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.permission-transfer__selected-list{gap:8px;display:grid}.permission-transfer__selected-item{border-bottom:1px solid var(--owl-color-border);padding:8px 0}.permission-transfer__selected-item:last-child{border-bottom:0}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=860px){.permission-transfer,.metric-grid{grid-template-columns:1fr}.portal-content{padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pattern-preview,.pattern-svg-preview{border:1px solid var(--owl-color-border);border-radius:var(--owl-radius-card);background:var(--owl-color-surface);width:100%}.template-reference-empty{min-height:140px;color:var(--owl-color-text-secondary);place-items:center;display:grid}.template-reference-image{object-fit:contain;max-height:180px;padding:8px;display:block}.pattern-preview{min-height:220px;padding:8px}.pattern-preview--compact{width:112px;min-height:84px}.pattern-svg-preview{background:linear-gradient(#ffffffdb,#ffffffdb),repeating-linear-gradient(0deg,#0000 0 23px,#00000009 24px),repeating-linear-gradient(90deg,#0000 0 23px,#00000009 24px);min-height:360px;display:grid;position:relative;overflow:hidden}.pattern-svg-preview--compact{width:112px;min-height:84px}.pattern-svg-preview__canvas{width:100%;min-height:360px;padding:10px;display:block}.pattern-svg-preview__raster{pointer-events:none}.pattern-svg-preview--compact .pattern-svg-preview__canvas{min-height:84px;padding:4px}.pattern-svg-preview__shape{fill:#8be8ee57;stroke:#2358564d;stroke-width:1.1px}.pattern-svg-preview__shape--paper{fill:#0000;stroke:#47372059;stroke-width:1.15px}.pattern-svg-preview__paper-grain{fill:#2e2518}.pattern-svg-preview__paper-fiber{fill:none;stroke:#fff8e8;stroke-linecap:round}.pattern-svg-preview__paper-edge-shadow{fill:none;stroke:#4f3118;stroke-linejoin:round;stroke-width:9px}.pattern-svg-preview__edge,.pattern-svg-preview__edge-link{fill:none;stroke-linecap:round;stroke-linejoin:round}.pattern-svg-preview__edge{stroke:#3a4c4038;stroke-width:2px}.pattern-svg-preview__edge-link{stroke:#394a38;stroke-width:2.8px}.pattern-svg-preview__point{fill:#fafdf9;stroke:#394a3870;stroke-width:2.2px}.pattern-svg-preview__point--checked{fill:#394a38;stroke:#394a38}.pattern-svg-preview__point--pending{fill:#fafdf9}.pattern-svg-preview__point--start.pattern-svg-preview__point--checked{fill:#10170f;stroke:#10170f}.pattern-svg-preview__empty{min-height:inherit;color:var(--owl-color-text-secondary);place-items:center;font-size:12px;display:grid}.pattern-svg-preview__error{border-radius:var(--owl-radius-control);color:#a8071a;background:#fff2f0;border:1px solid #ffccc7;padding:8px 10px;font-size:12px;position:absolute;bottom:12px;left:12px;right:12px}.pattern-trace-editor{gap:18px;display:grid}.pattern-mode-step{gap:16px;margin-top:18px;display:grid}.pattern-mode-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pattern-mode-choice{border:1px solid var(--owl-color-border);border-radius:var(--owl-radius-card);background:linear-gradient(145deg, #fffffffa, #f6f9f5eb), var(--owl-color-surface);min-width:0;min-height:148px;color:var(--owl-color-text);cursor:pointer;text-align:left;gap:10px;padding:22px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.pattern-mode-choice:hover:not(:disabled){border-color:color-mix(in srgb, var(--owl-color-primary) 58%, var(--owl-color-border));transform:translateY(-1px);box-shadow:0 10px 26px #10170f17}.pattern-mode-choice:focus-visible{outline:3px solid color-mix(in srgb, var(--owl-color-primary) 34%, transparent);outline-offset:3px}.pattern-mode-choice--selected{border-color:var(--owl-color-primary);box-shadow:inset 0 0 0 1px var(--owl-color-primary)}.pattern-mode-choice:disabled{cursor:not-allowed;opacity:.52}.pattern-mode-choice>strong{font-size:18px;line-height:1.35}.pattern-mode-choice>span{color:var(--owl-color-text-secondary);font-size:13px;line-height:1.65}.pattern-trace-source-step{gap:16px;margin-top:18px;display:grid}.pattern-trace-pair-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pattern-role-upload{gap:8px;min-width:0;display:grid}.pattern-background-tile{border:1px solid var(--owl-color-border);border-radius:var(--owl-radius-card);background:color-mix(in srgb, var(--owl-color-surface) 92%, #f5f6f7);gap:12px;padding:16px;display:grid}.pattern-background-tile__preview{gap:8px;display:grid}.pattern-background-tile__canvas{border:1px solid var(--owl-color-border);border-radius:var(--owl-radius-card);background-color:#fff;background-position:0 0;background-repeat:repeat;min-height:150px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffb8}.pattern-background-tile__scrim{pointer-events:none;position:absolute;inset:0}.material-pattern-preview{border-radius:var(--owl-radius-card);min-width:0;display:block;overflow:hidden}.material-pattern-preview>.pattern-svg-preview,.material-pattern-preview>.pattern-svg-preview>.pattern-svg-preview__canvas{min-height:160px}.material-preview--compact.material-pattern-preview{border-radius:var(--owl-radius-control);width:76px;height:52px}.material-preview--compact.material-pattern-preview>.pattern-svg-preview,.material-preview--compact.material-pattern-preview>.pattern-svg-preview>.pattern-svg-preview__canvas{width:76px;min-height:52px}.material-preview--compact.material-pattern-preview>.pattern-svg-preview>.pattern-svg-preview__canvas{padding:2px}.material-background-preview.material-preview--compact{width:76px;min-width:76px;display:block}.material-background-preview.material-preview--compact .pattern-background-tile__canvas{border-radius:var(--owl-radius-control);min-height:52px}.material-background-preview__state{z-index:1;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#1a2520c7;border:1px solid #ffffffb8;border-radius:999px;padding:2px 5px;font-size:10px;line-height:1.3;position:absolute;inset:auto 5px 5px;overflow:hidden}.material-option-content{justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;padding-block:2px;display:flex}.material-option-content__copy{flex:auto;grid-template-columns:minmax(0,auto) auto;align-items:baseline;gap:2px 8px;min-width:0;display:grid}.material-option-content__label{color:var(--owl-color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.material-option-content__status{color:var(--owl-color-text-secondary);white-space:nowrap;font-size:11px}.material-option-content__detail{color:var(--owl-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:11px;line-height:1.35;overflow:hidden}.material-option-content__preview{pointer-events:none;flex:0 0 76px;place-items:center;min-width:76px;display:grid}.material-catalog-select{width:100%}.material-history-snapshot{align-items:center;gap:12px;min-width:0;display:flex}.material-history-snapshot>span{min-width:0;color:var(--owl-color-text-secondary);line-height:1.55}.material-history-snapshot>.material-pattern-preview,.material-history-snapshot>.material-background-preview{flex:none}.material-preview__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pattern-trace-upload{min-width:0}.pattern-trace-upload .ant-upload-drag .ant-upload-btn,.pattern-trace-upload .ant-upload-drag .ant-upload-drag-container{height:auto;display:block}.pattern-trace-upload__icon{color:var(--owl-color-primary);margin:0;font-size:32px}.pattern-trace-upload__preview{box-sizing:border-box;border:1px solid var(--owl-color-border);border-radius:var(--owl-radius-card);background:linear-gradient(45deg, #0000000a 25%, transparent 25%), linear-gradient(-45deg, #0000000a 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #0000000a 75%), linear-gradient(-45deg, transparent 75%, #0000000a 75%), var(--owl-color-surface);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;justify-content:center;align-items:center;width:100%;height:clamp(160px,24vh,220px);display:flex;overflow:hidden}.pattern-trace-upload__preview-image{box-sizing:border-box;object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;padding:10px;display:block}.pattern-trace-upload__file-status{color:var(--owl-color-text-secondary);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;margin-top:8px;font-size:12px;line-height:1.45;display:grid}.pattern-trace-upload__file-status>span:first-child{color:var(--owl-color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pattern-trace-upload__file-status>span:nth-child(2){grid-column:1/2}.pattern-trace-upload__file-status>.ant-btn{grid-area:1/2/3;padding-inline:0}.pattern-trace-upload__text{margin:8px 0 0;font-weight:600}.pattern-trace-upload__hint{color:var(--owl-color-text-secondary);margin:4px 0 0;font-size:12px}.pattern-trace-workbench{grid-template-columns:1fr;align-items:stretch;gap:16px;display:grid}.pattern-trace-workbench--split{grid-template-columns:minmax(0,3fr) minmax(320px,2fr);align-items:start;gap:20px}.pattern-trace-workbench--stacked{grid-template-columns:minmax(0,1fr);align-items:stretch}.pattern-trace-workbench__comparison,.pattern-trace-workbench__routine{min-width:0}.pattern-trace-workbench__routine{align-content:start;gap:12px;display:grid}.pattern-trace-side-panel{border-radius:var(--owl-radius-card);background:linear-gradient(180deg, #fffffff0, #f8fbf7e0), var(--owl-color-surface);border:1px solid #1a25201a;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px 16px;min-width:0;padding:14px;display:grid;box-shadow:inset 0 1px #ffffffb8}.pattern-trace-side-panel>.ant-form-item{margin-bottom:0}.pattern-version-points{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;display:grid}.pattern-version-points>.ant-form-item{margin-bottom:0}.pattern-trace-side-panel .ant-input-number{width:100%}.pattern-trace-label,.pattern-trace-slider-label,.pattern-trace-switch-row{color:var(--owl-color-text-secondary);font-size:12px}.pattern-trace-label{margin-bottom:8px;display:block}.pattern-trace-slider-label,.pattern-trace-switch-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.pattern-trace-preview-panel{border-radius:var(--owl-radius-card);background:linear-gradient(180deg, #f6f9f5f5, #ffffffe6), linear-gradient(90deg, #8be8ee1f, #f6f9f500), var(--owl-color-surface);border:1px solid #1a25201f;gap:12px;min-width:0;padding:12px;display:grid;box-shadow:inset 0 1px #ffffffd6,0 8px 24px #10170f0f}.pattern-trace-visual-grid{--pattern-trace-preview-height:clamp(240px, 30vh, 320px);grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}.pattern-trace-visual-grid--paired{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-trace-visual{gap:8px;min-width:0;display:grid}.pattern-trace-visual__header{min-width:0;min-height:24px;color:var(--owl-color-text);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.pattern-trace-visual__header>span{flex:none}.pattern-trace-visual__header .ant-space{justify-content:flex-end;min-width:0}.pattern-trace-source-preview{width:100%;max-width:100%;height:var(--pattern-trace-preview-height);box-sizing:border-box;border:1px solid var(--owl-color-border);border-radius:var(--owl-radius-card);background:linear-gradient(45deg, #0000000a 25%, transparent 25%), linear-gradient(-45deg, #0000000a 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #0000000a 75%), linear-gradient(-45deg, transparent 75%, #0000000a 75%), var(--owl-color-surface);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;justify-content:center;place-items:center;min-height:0;display:flex;overflow:hidden}.pattern-trace-source-preview__image{object-fit:contain;width:auto;max-width:calc(100% - 20px);height:auto;max-height:calc(100% - 20px);display:block}.pattern-trace-source-preview__empty{color:var(--owl-color-text-secondary);font-size:12px}.pattern-trace-preview-shell{height:var(--pattern-trace-preview-height);min-width:0;position:relative}.pattern-trace-preview-shell .pattern-svg-preview{height:var(--pattern-trace-preview-height);min-height:var(--pattern-trace-preview-height)}.pattern-trace-preview-shell .pattern-svg-preview__canvas{box-sizing:border-box;height:100%;min-height:0}.pattern-trace-processing{z-index:1;border:1px dashed var(--owl-color-border);border-radius:var(--owl-radius-card);min-height:0;color:var(--owl-color-text-secondary);background:#ffffffeb;place-items:center;padding:7px 10px;font-size:12px;display:grid;position:absolute;top:12px;right:12px}.pattern-trace-metadata{color:var(--owl-color-text-secondary);grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;font-size:12px;display:grid}.pattern-trace-metadata>span{border:1px solid var(--owl-color-border);border-radius:var(--owl-radius-control);text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:6px 8px;overflow:hidden}@media (width<=960px){.pattern-trace-workbench--split{grid-template-columns:minmax(0,1fr)}.pattern-trace-visual-grid{--pattern-trace-preview-height:clamp(220px, 32vh, 300px)}.pattern-trace-visual-grid--paired{grid-template-columns:minmax(0,1fr)}}@media (width<=860px){.pattern-trace-workbench,.pattern-trace-pair-upload-grid{grid-template-columns:1fr}.pattern-mode-choice-grid{grid-template-columns:minmax(0,1fr)}.pattern-trace-upload__preview{height:clamp(180px,30vh,260px)}.portal-content{padding:18px}.pattern-trace-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-transfer{grid-template-columns:1fr}}