/* Shared working surfaces: ruled paper, violet ink, and a separate output slip. */
.wb-shell,.page-shell:has(.inbox-tool){--wb-ink:#33253c;--wb-muted:#756a79;--wb-rule:#ded5e3;--wb-paper:#fffcf6;--wb-purple:#6d4386;color:var(--wb-ink);max-width:1160px;padding-top:23px;padding-bottom:65px}
.wb-shell *{box-sizing:border-box}
.wb-shell [hidden]{display:none!important}
.wb-shell .ps-btn.wb-primary{justify-content:space-between;padding:0 0 0 16px;border-color:#704a84;border-radius:5px;background:#79518f;color:#fff9ff;font-size:12px;min-height:45px}
.wb-shell .ps-btn.wb-quiet{padding:7px 10px;border-radius:5px;background:transparent;color:#6f4c82;font-size:11px;min-height:40px}
.wb-shell .wb-back{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:0 0 19px;color:#716176!important;font-size:12px;font-weight:650}
.wb-title,.page-shell:has(.inbox-tool) .page-head{padding:0 0 25px;margin-bottom:0;border-bottom:1px solid var(--wb-rule)}
.wb-category{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#785a87;font-size:11px;font-weight:650;line-height:1.5}
.wb-category>svg{flex:none}.wb-category>i{font-style:normal;color:#b6a8be;margin:0 3px}
.wb-title h1,.page-shell:has(.inbox-tool) .page-head h1{margin:12px 0 10px;font-size:clamp(35px,4.1vw,56px);font-weight:650;letter-spacing:-.06em;line-height:1.1;color:#33253c}
.wb-title>p,.page-shell:has(.inbox-tool) .page-head>p{margin:0;max-width:670px;font-size:14px;line-height:1.65;color:var(--wb-muted)}
.wb-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:0 38px;align-items:start;margin-top:29px;min-width:0}
.wb-desk,.wb-section,.wb-layout>*,.wb-drop-copy{min-width:0}
.wb-section{padding:0 0 26px;margin-bottom:25px;border-bottom:1px solid var(--wb-rule)}
.wb-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}
.wb-step{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;letter-spacing:-.025em;line-height:1.4;margin:0;color:var(--wb-ink)}
.wb-index{display:inline-grid;place-items:center;flex:none;width:24px;height:25px;font:600 10px/1 ui-monospace,Consolas,monospace;letter-spacing:0;color:#8a6b9b;border:1px solid #d5c4df;background:#f3ebf9;border-radius:4px}
.wb-shell .wb-quiet{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 10px;border:1px solid #d8ccdf;border-radius:5px;background:transparent;color:#6f4c82;font-size:11px;font-weight:700;box-shadow:none;transform:none}
.wb-shell .wb-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:19px;min-height:45px;padding:0 0 0 16px;border:1px solid #704a84;border-radius:5px;background:#79518f;color:#fff9ff;font-size:12px;font-weight:700;line-height:1.35;box-shadow:0 2px 0 #4e315b;transform:none;text-decoration:none;overflow:hidden}
.wb-action-mark{display:grid;place-items:center;align-self:stretch;min-width:39px;padding:10px;background:#69437f;border-left:1px solid #ffffff20}
.wb-drop-copy .wb-primary{margin-top:14px;min-height:40px;font-size:11px;padding-left:13px}
.wb-shell .wb-drop{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:18px;min-height:230px;padding:28px 20px;border:1px dashed #bca4ca;border-radius:6px;background:repeating-linear-gradient(0deg,transparent 0 23px,#c4abd611 23px 24px),#f4edf8;text-align:left;transition:background .15s,border-color .15s}
.wb-specimen{width:170px;height:112px;flex:none}
.wb-drop-copy strong{display:block;font-size:17px;letter-spacing:-.035em;font-weight:650;color:#553d61;line-height:1.4}
.wb-drop-copy :is(p,small){display:block;margin:5px 0 0;font-size:11px;color:#85718f;line-height:1.5}
.wb-shell .wb-drop .ps-actions{justify-content:flex-start;gap:10px}
.wb-shell .wb-drop.ps-over,.wb-shell .wb-drop.over{border-color:#704389;background-color:#e7d8f1}
.wb-uploads{margin:0;gap:13px}
.wb-uploads:not(.single) .wb-drop{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:15px;min-height:222px;padding:21px}
.wb-slot-stamp{display:grid;place-items:center;width:40px;height:40px;color:#78558f;border:1px solid #d4bfe1;background:#e9dbf2;border-radius:6px}
.wb-uploads .file-detail:empty{display:none}.wb-uploads .file-detail{font-size:10px;line-height:1.65;padding:9px 2px 0;color:#74617f;overflow-wrap:anywhere}
.wb-formats{color:#8a7b90;font-size:10px;line-height:1.6;margin:11px 0 16px}
.wb-privacy{display:flex;align-items:flex-start;gap:8px;color:#8c7a93;margin-top:15px;max-width:650px}
.wb-privacy>svg{flex:none;margin-top:2px;width:13px;height:13px}.wb-privacy p{margin:0;font-size:10px;line-height:1.7}.wb-privacy a{text-decoration:underline;text-underline-offset:2px}
.wb-ticket{position:sticky;top:25px;margin-top:0;padding:24px 21px 22px;background:var(--wb-paper);border:1px solid #d9cddd;border-top:3px solid #886198;border-radius:2px;box-shadow:0 5px 0 -2px #f2edf4,0 6px 0 -2px #ded4e4}
.wb-ticket:after{content:"";position:absolute;left:10px;right:10px;bottom:-6px;height:4px;border-bottom:1px dashed #cbbad2;pointer-events:none}
.wb-ticket .wb-step{font-size:15px}.wb-ticket .wb-index{background:#eee3f4}
.wb-ledger{margin:23px 0 0;font-size:11px;line-height:1.5}.wb-ledger>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:10px 0;border-bottom:1px solid #e8e0e8}.wb-ledger dt{color:#8f7b94}.wb-ledger dd{margin:0;font-weight:650;text-align:right;color:#60496b}
.wb-note{margin:19px 0;color:#87748d;font-size:11px;line-height:1.7}
.wb-ticket>.wb-primary{width:100%}.wb-ticket :is(.notice,.ps-feedback){font-size:11px;line-height:1.6;margin-top:15px}.wb-ticket .notice{padding:10px}
.wb-shell .ps-engine-detail{font-size:10px;line-height:1.65;color:#89728f;margin:13px 0}
.wb-settings .settings>summary{min-height:34px;margin-bottom:0}.wb-settings .settings[open]>summary{margin-bottom:22px}
.wb-disclosure{display:grid;place-items:center;color:#8a7197;transition:transform .15s}.settings[open] .wb-disclosure{transform:rotate(180deg)}
.wb-shell .form-grid,.wb-shell .ps-fields{gap:17px 20px}.wb-shell .field,.wb-shell .ps-field{font-size:12px;gap:7px}
.wb-shell .field>span:first-child,.wb-shell .ps-field>span{font-size:11px;font-weight:650;color:#725d7d}
.wb-shell .field :is(input:not([type=checkbox]):not([type=file]),select,textarea),.wb-shell .ps-field :is(input,select,textarea),.wb-shell .input{border:1px solid #d6c8dd;border-radius:5px;background:#fffdfa;min-height:43px;padding:10px 11px;font-size:12px;color:#5b4668;font-weight:500}
.wb-shell .field small{font-size:10px;line-height:1.65;color:#8a7994}.wb-shell .field.check{min-height:35px;gap:9px}.wb-shell .field.check input{accent-color:#79518f;flex:none}
.wb-settings #savemodel{margin-top:19px}.wb-shell .ps-hint{font-size:12px;color:#8a7892}.wb-shell .maprow{font-size:11px}
.wb-layout>#results{grid-column:1/-1;min-width:0}.wb-report{padding:22px 0;scroll-margin-top:24px}.wb-report h2{font-size:23px;font-weight:650;letter-spacing:-.045em;margin:0}.wb-report .result-top{margin-bottom:17px}.wb-report .muted{font-size:11px}.wb-report .tabs{margin:18px 0 13px}.wb-report .tab{min-height:39px;border-radius:5px;font-size:11px}.wb-report .tab.active{color:#684580;background:#eee3f5;border-color:#bea3ce}.wb-report .table-scroll{border-color:#d9cddd;border-radius:5px}.wb-report .data-table th{background:#eee7f2;color:#735b80;font-weight:650}.wb-report .data-table :is(th,td){padding:11px 14px;font-size:11px;border-color:#ece4ed}.wb-report .data-table td{color:#786981;background:#fffcf8}
.wb-shell .ps-file{border-color:#ded1e5;border-radius:5px;background:#fffcf8;padding-inline:12px;margin-top:10px}.wb-shell .ps-file-head{font-size:12px}.wb-shell .ps-file-name strong{font-size:12px;font-weight:650}.wb-shell .ps-file-name small{font-size:10px}.wb-shell .ps-file-num{color:#a08aaa}.wb-shell .ps-file-actions button{width:34px;min-width:34px;min-height:38px;border-radius:4px;background:#fffdfa}.wb-shell .ps-preview-trigger{font-size:10px;min-height:38px}.wb-shell .ps-pages{background:#f4edf6}.wb-shell .ps-pages img{border-color:#d4c3dc}
.wb-ticket .ps-result{margin-top:20px;border-radius:4px;padding:15px;background:#edf3e9;border-color:#c6d4ba}.wb-ticket .ps-result h2{font-size:19px}.wb-ticket .ps-output strong{font-size:12px}.wb-ticket .ps-output small{font-size:10px}.wb-ticket .ps-chain{margin-top:13px}.wb-ticket .ps-chain .ps-field{font-size:10px}.wb-ticket .ps-btn{font-size:11px;border-radius:5px;min-height:40px}
.wb-shell :is(button,input,select,textarea,a,summary):focus-visible,.page-shell:has(.inbox-tool) :is(button,input,select,textarea,a):focus-visible{outline:3px solid #a178bd;outline-offset:3px}
.wb-shell .wb-drop:focus-within{outline:3px solid #a178bd;outline-offset:3px}.wb-shell button:disabled{cursor:not-allowed;opacity:.52}
/* Legacy connectors share the same paper and ink, while keeping their native forms. */
.page-shell .inbox-tool{gap:23px;padding-top:26px;color:#4d3859}
.page-shell .inbox-tool .panel,.wb-shell .edc-shopify.panel{border:1px solid #dbcee2;border-radius:5px;background:#fffcf7;padding:24px;margin:0}
.page-shell .inbox-tool h3,.wb-shell .edc-shopify summary{font-size:17px;font-weight:650;letter-spacing:-.03em;color:#563f61}
.page-shell .inbox-tool .copy{font-size:13px;max-width:720px;color:#806e89}.page-shell .inbox-tool .edc-note,.page-shell .inbox-tool .monitor{font-size:11px;color:#8b7793;line-height:1.8}
.page-shell .inbox-tool .modes{padding-bottom:18px;border-bottom:1px solid #e0d5e5;gap:8px}.page-shell .inbox-tool .mode{border-radius:5px;min-height:43px;font-size:12px;border-color:#d9c9e2;background:#fffaf4;color:#785c87}.page-shell .inbox-tool .mode[aria-pressed=true]{background:#77518d;border-color:#77518d;color:white}
.page-shell .inbox-tool label.field,.wb-shell .edc-shopify .shop-fields label{font-size:11px;color:#796284;font-weight:650;gap:8px}.page-shell .inbox-tool label.field input,.wb-shell .edc-shopify .shop-fields :is(input,select){min-height:44px;border-radius:5px;border-color:#d7c8df;background:#fffefa;color:#5a4267;font-size:12px}
.page-shell .inbox-tool .btn,.wb-shell .edc-shopify .btn{min-height:43px;border-radius:5px;font-size:11px;transform:none}.page-shell .inbox-tool .primary,.wb-shell .edc-shopify .primary{background:#79518f;color:#fff}.page-shell .inbox-tool .secondary,.wb-shell .edc-shopify .secondary{border-color:#d7c7df;color:#765887;background:#fffcf8}
.page-shell .inbox-tool .local-file{padding:18px;background:#f5eef8;border:1px dashed #c2abce;border-radius:5px;max-width:620px}.page-shell .inbox-tool .local-file input{width:100%}.page-shell .inbox-tool input[type=file]::file-selector-button{border:1px solid #cbb6d5;border-radius:4px;background:#ebe0f2;color:#69477a;padding:8px 12px;margin-right:12px;cursor:pointer;font:inherit}
.page-shell .inbox-tool .feedback{border-radius:4px;font-size:12px}.page-shell .inbox-tool .attachment{border-color:#dfd1e5}.page-shell .inbox-tool .attachment>b{font-size:13px}.page-shell .inbox-tool .attachment>small{font-size:11px;color:#8b7793}.page-shell .inbox-tool .attachment>.btn{justify-self:start}.page-shell .inbox-tool .journal li{font-size:12px}.page-shell .inbox-tool .data-table th,.wb-shell .edc-shopify th{background:#f1e9f5;color:#765c84}.page-shell .inbox-tool .data-table :is(th,td),.wb-shell .edc-shopify :is(th,td){padding:11px 12px;border-color:#e5dce9;font-size:11px}
.wb-shell .edc-shopify.panel{margin-top:18px}.wb-shell .edc-shopify .shop-note{font-size:11px;color:#8a7493}.wb-shell .edc-shopify .shop-body>p{font-size:12px;color:#80698a}.wb-shell .edc-shopify .shop-status{font-size:12px}.wb-shell .edc-shopify .shop-footer label{font-size:11px}.wb-shell .edc-shopify input[type=checkbox]{accent-color:#79518f;min-width:17px;min-height:17px}
@media(hover:hover){.wb-shell .wb-primary:hover:not(:disabled){background:#69417f;border-color:#59346f}.wb-shell .wb-quiet:hover:not(:disabled){background:#eee3f4;border-color:#bba1cc}.wb-shell .wb-drop:hover{border-color:#9773ad;background-color:#eee3f4}.page-shell .inbox-tool .mode:hover,.page-shell .inbox-tool .secondary:hover,.wb-shell .edc-shopify .secondary:hover{background:#efe4f6}}
@media(max-width:1000px){.wb-layout{grid-template-columns:minmax(0,1fr) 260px;gap:0 24px}.wb-shell .wb-drop{gap:8px;padding:23px 14px}.wb-specimen{width:135px}.wb-drop-copy strong{font-size:16px}.wb-ticket{padding:21px 17px}}
@media(max-width:760px){.wb-shell,.page-shell:has(.inbox-tool){padding-top:16px;padding-bottom:38px}.wb-shell .wb-back{margin-bottom:13px}.wb-title,.page-shell:has(.inbox-tool) .page-head{padding-bottom:22px}.wb-title h1{font-size:37px}.wb-layout{grid-template-columns:minmax(0,1fr);gap:0;margin-top:24px}.wb-ticket{position:relative;top:auto;margin-bottom:24px}.wb-ledger{margin-top:13px}.wb-ticket .wb-note{margin:14px 0}.wb-ticket>.wb-primary{max-width:none}.wb-section{margin-bottom:21px;padding-bottom:22px}.wb-shell .wb-drop{min-height:207px}.wb-uploads:not(.single){grid-template-columns:repeat(2,minmax(0,1fr))}.wb-uploads:not(.single) .wb-drop{padding:18px 15px}.wb-shell .form-grid,.wb-shell .ps-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-shell .field :is(input:not([type=checkbox]):not([type=file]),select,textarea),.wb-shell .ps-field :is(input,select,textarea),.page-shell .inbox-tool label.field input,.wb-shell .edc-shopify .shop-fields :is(input,select){font-size:16px}.wb-layout>#results{grid-column:1}.page-shell .inbox-tool .panel,.wb-shell .edc-shopify.panel{padding:20px}.page-shell .inbox-tool .local-file{padding:13px}}
@media(max-width:480px){.wb-title h1,.page-shell:has(.inbox-tool) .page-head h1{font-size:34px}.wb-category{font-size:10px}.wb-title>p{font-size:13px}.wb-step{font-size:14px}.wb-shell .wb-quiet{font-size:10px;padding:7px 9px}.wb-shell .wb-drop{gap:7px;padding:18px 10px}.wb-specimen{width:111px;height:100px}.wb-drop-copy strong{font-size:15px}.wb-drop-copy :is(p,small){font-size:10px}.wb-drop-copy .wb-primary{gap:8px;padding-left:11px;font-size:10px}.wb-drop-copy .wb-action-mark{min-width:29px;padding:8px}.wb-uploads:not(.single){grid-template-columns:1fr}.wb-uploads:not(.single) .wb-drop{flex-direction:row;align-items:center;gap:18px;min-height:157px}.wb-shell .form-grid,.wb-shell .ps-fields{grid-template-columns:1fr}.wb-report .result-top{align-items:flex-start;gap:15px}.wb-report .result-top a{margin-left:0}.wb-report .result-top h2{width:100%}.wb-shell .ps-file-actions button{min-width:40px;min-height:40px}.wb-shell .ps-file-line{flex-wrap:wrap}.wb-shell .ps-file-actions{margin-left:auto}.wb-shell .ps-file-name{flex-basis:calc(100% - 40px)}.wb-shell .maprow{grid-template-columns:1fr}.page-shell .inbox-tool .actions>.btn{width:100%}.page-shell .inbox-tool .modes .mode{flex:1}.page-shell .inbox-tool .panel{padding:17px}.page-shell .inbox-tool .local-file input{padding:9px;font-size:13px}}
/* Tactile controls and the perforated output slip carry the stronger ink. */
.wb-shell .wb-primary,.wb-shell .ps-btn.wb-primary{border-radius:999px;padding:5px 6px 5px 18px;gap:16px;min-height:47px;border:1px solid #49304f;background:#503456;color:#fffaf5;box-shadow:0 3px 0 #302035}
.wb-shell .wb-action-mark{flex:none;align-self:center;min-width:33px;width:33px;height:33px;padding:0;border:1px solid #ffffff35;border-radius:50%;background:#805d89}
.wb-drop-copy .wb-primary,.wb-shell .wb-drop-copy .ps-btn.wb-primary{padding:4px 5px 4px 15px;font-size:12px;min-height:43px}
.wb-drop-copy .wb-action-mark{width:30px;height:30px;min-width:30px}
.wb-shell .wb-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #302035;background:#38213e}
.wb-shell .wb-primary:focus-visible{outline:3px solid #9974ab;outline-offset:5px;box-shadow:0 3px 0 #302035,0 0 0 2px #fffcf6}
.wb-shell .wb-primary:hover:not(:disabled){background:#65426d;border-color:#49304f}
.wb-privacy{color:#75647d}.wb-privacy p{font-size:12px;line-height:1.75}.wb-formats{font-size:11px;color:#7c6d82}
.wb-ticket{padding-bottom:27px;border-bottom:0;background-color:#fffdf7;background-image:radial-gradient(circle at 8px 0,#c6b4ce 1.2px,transparent 1.7px);background-size:16px 4px;background-repeat:repeat-x;background-position:left 49px}
.wb-ticket:after{left:-1px;right:-1px;bottom:-7px;height:9px;border:0;background:radial-gradient(circle at 7px 9px,transparent 5px,#fffdf7 5.5px) left top/14px 9px repeat-x;filter:drop-shadow(0 1px 0 #d5c6dc)}
.wb-ready{margin-top:24px;padding-top:20px;border-top:1px dashed #bca9c4}.wb-ready h3{margin:0 0 13px;font-size:18px;letter-spacing:-.035em;font-weight:650;color:#4d6849}.wb-ready>.wb-primary{width:100%}.wb-ready .ps-output{padding:2px 0 17px}.wb-ready .ps-output>i{border-radius:50%;width:33px;height:33px;background:#e1e9d9;color:#50694c}.wb-ready .ps-output strong{font-size:12px}.wb-ready .ps-output small{font-size:11px}
@media(max-width:480px){.wb-shell .ps-drop.wb-drop{display:block;min-height:170px;text-align:left;padding:20px 16px}.wb-shell .ps-drop .wb-specimen{float:right;width:79px;height:60px;margin:-2px -4px 0 9px;opacity:.85}.wb-shell .ps-drop .wb-drop-copy strong{display:none}.wb-shell .ps-drop .wb-drop-copy p{min-height:50px;padding-top:9px;font-size:12px;line-height:1.6;margin:0 0 8px}.wb-shell .ps-drop .ps-actions{width:100%;clear:both;gap:12px}.wb-shell .ps-drop .ps-btn.wb-primary{width:100%;margin-top:8px;min-height:47px;padding-left:16px}.wb-shell .ps-drop .wb-action-mark{width:33px;height:33px;min-width:33px}.wb-shell .ps-drop .wb-quiet{width:100%}}
@media(prefers-reduced-motion:reduce){.wb-shell *{transition:none!important;scroll-behavior:auto!important}}
/* Public tool pages already provide a breadcrumb. Local/hash navigation still needs its back link. */
.edc-public-trail:not([hidden]):has(.edc-crumbs) + #edc-app .wb-shell .wb-back{display:none}
.edc-public-trail:not([hidden]):has(.edc-crumbs) + #edc-app .wb-shell .wb-title .wb-category{display:none}
.edc-public-trail:not([hidden]):has(.edc-crumbs) + #edc-app .wb-shell .wb-title h1{margin-top:0}