.cdk-applied-builder { --cdk-bg:light-dark(#ffffff,#20262e); --cdk-text:light-dark(#162537,#edf1f6); --cdk-soft:light-dark(#f1f4f7,#293340); --cdk-line:light-dark(#bac4ce,#586676); --cdk-brand:light-dark(#203b59,#abc9ea); --cdk-onbrand:light-dark(#ffffff,#172637); --cdk-grain:light-dark(#dce1e6,#3c4652); --cdk-error:light-dark(#a22b24,#ffaaa5); padding:12px; font:14px/1.4 system-ui,sans-serif; color:var(--cdk-text); color-scheme:light dark; }
    .cdk-applied-builder * { box-sizing:border-box; }
    .cdk-applied-builder .cdk-window { background:var(--cdk-bg); border:1px solid var(--cdk-line); border-radius:10px; overflow:hidden; }
    .cdk-applied-builder .cdk-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:12px 16px; background:var(--cdk-brand); color:var(--cdk-onbrand); font-weight:500; }
    .cdk-applied-builder .cdk-header small { font-size:12px; }
    .cdk-applied-builder .cdk-size { display:grid; grid-template-columns:80px 1fr 1fr; gap:10px; padding:14px 16px; border-bottom:1px solid var(--cdk-line); }
    .cdk-applied-builder label { display:block; font-size:12px; margin-bottom:4px; }
    .cdk-applied-builder input,.cdk-applied-builder select { width:100%; min-width:0; padding:9px; border:1px solid var(--cdk-line); border-radius:5px; background:var(--cdk-bg); color:var(--cdk-text); font:inherit; }
    .cdk-applied-builder input:disabled { background:var(--cdk-soft); opacity:.65; cursor:not-allowed; }
    .cdk-applied-builder .cdk-lock-note { font-size:12px; margin-top:4px; }
    .cdk-applied-builder .cdk-opening-edit { width:100%; margin-top:10px; }
    .cdk-applied-builder button { font:inherit; color:inherit; }
    .cdk-applied-builder .cdk-work { display:grid; grid-template-columns:minmax(0,1fr) 230px; align-items:start; gap:14px; padding:16px; }
    .cdk-applied-builder .cdk-view { min-width:0; }
    .cdk-applied-builder .cdk-width { text-align:center; margin-bottom:8px; font-variant-numeric:tabular-nums; }
    .cdk-applied-builder .cdk-drawing-row { display:flex; align-items:center; justify-content:center; gap:8px; }
    .cdk-applied-builder .cdk-height { writing-mode:vertical-rl; transform:rotate(180deg); white-space:nowrap; font-size:12px; font-variant-numeric:tabular-nums; }
    .cdk-applied-builder .cdk-diagram { position:relative; width:100%; max-width:360px; border:1px solid var(--cdk-text); background:var(--cdk-bg); touch-action:none; }
    .cdk-applied-builder .cdk-piece,.cdk-applied-builder .cdk-opening { position:absolute; border-radius:0; padding:0; display:flex; align-items:center; justify-content:center; border:1px solid var(--cdk-text); font-size:12px; overflow:hidden; }
    .cdk-applied-builder .cdk-piece { background:repeating-linear-gradient(0deg,var(--cdk-bg) 0 5px,var(--cdk-grain) 5px 6px,var(--cdk-bg) 6px 12px); z-index:2; }
    .cdk-applied-builder .cdk-piece.vertical { background:repeating-linear-gradient(90deg,var(--cdk-bg) 0 5px,var(--cdk-grain) 5px 6px,var(--cdk-bg) 6px 12px); }
    .cdk-applied-builder .cdk-piece.selected { background:var(--cdk-brand); color:var(--cdk-onbrand); }
    .cdk-applied-builder .cdk-piece span { white-space:nowrap; font-variant-numeric:tabular-nums; }
    .cdk-applied-builder .cdk-piece.vertical span { transform:rotate(-90deg); }
    .cdk-applied-builder .cdk-piece.divider { cursor:grab; }
    .cdk-applied-builder .cdk-opening { border:0; background:var(--cdk-bg); z-index:1; display:flex; flex-direction:column; gap:5px; }
    .cdk-applied-builder .cdk-opening.selected { background:var(--cdk-soft); outline:2px dashed var(--cdk-brand); outline-offset:-4px; }
    .cdk-applied-builder .cdk-opening small { font-size:12px; }
    .cdk-applied-builder .cdk-part-picks { display:grid; grid-template-columns:repeat(2,1fr); gap:6px; margin-top:12px; }
    .cdk-applied-builder .cdk-button { min-height:38px; padding:7px 10px; border:1px solid var(--cdk-line); border-radius:5px; background:var(--cdk-bg); text-align:center; }
    .cdk-applied-builder .cdk-button:disabled { opacity:.65; cursor:not-allowed; }
    .cdk-applied-builder .cdk-button[aria-pressed=true],.cdk-applied-builder .cdk-primary { background:var(--cdk-brand); color:var(--cdk-onbrand); border-color:var(--cdk-brand); }
    .cdk-applied-builder .cdk-editor { padding:12px; background:var(--cdk-soft); border-radius:6px; min-width:0; }
    .cdk-applied-builder .cdk-editor-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; font-weight:500; }
    .cdk-applied-builder .cdk-editor-heading button { border:0; background:transparent; padding:4px; }
    .cdk-applied-builder .cdk-editor-field { margin-bottom:12px; }
    .cdk-applied-builder .cdk-actions { display:flex; gap:6px; flex-wrap:wrap; }
    .cdk-applied-builder .cdk-actions button { flex:1; }
    .cdk-applied-builder .cdk-edge-summary { font-size:12px; margin-top:10px; display:grid; grid-template-columns:1fr 1fr; gap:5px 12px; }
    .cdk-applied-builder .cdk-error { padding:0 16px 12px; color:var(--cdk-error); }
    .cdk-applied-builder .cdk-status { padding:10px 16px; border-top:1px solid var(--cdk-line); font-size:12px; }
    .cdk-applied-builder [hidden] { display:none!important; }
    @media(max-width:620px) { .cdk-applied-builder .cdk-work { grid-template-columns:1fr; } .cdk-applied-builder .cdk-editor { margin-top:2px; } .cdk-applied-builder .cdk-diagram { max-width:310px; } }
    @media(max-width:380px) { .cdk-applied-builder {padding:0;} .cdk-applied-builder .cdk-size {grid-template-columns:1fr 1fr;} .cdk-applied-builder .cdk-size>div:first-child {grid-column:1/-1;max-width:95px;} .cdk-applied-builder .cdk-work {padding:12px;} }
    @media(pointer:coarse) { .cdk-applied-builder .cdk-button {min-height:44px;} .cdk-applied-builder input,.cdk-applied-builder select {font-size:16px;} }
  
.applied-viewer.applied-builder-view { display:block; padding:0; border:0; }
.applied-builder-view > .applied-panel-svg,.applied-builder-view > .applied-viewer-copy { display:none; }
.applied-panel-options .applied-custom-settings { display:none!important; }
.cdk-applied-builder .cdk-header {font-size:14px;}

.cdk-applied-builder .cdk-shop-notes{padding:10px 14px;border-top:1px solid #bbb}.cdk-applied-builder .cdk-shop-notes label{display:block;font-weight:700;font-size:14px}.cdk-applied-builder .cdk-shop-notes textarea{box-sizing:border-box;width:100%;min-height:64px;margin:4px 0;font:14px/1.4 system-ui;border:1px solid #999;padding:7px;resize:vertical}.cdk-applied-builder .cdk-shop-notes small{display:block;font-size:12px;color:#444}