/* tc21-polish-css */
:root{ --tc21-icon-stroke: #b8bbc4; --tc21-icon-stroke-hover: #e3e5ea; }#dynamicInput.tc21-arc2-input{
            min-width: 168px !important;
            max-width: 230px !important;
            padding: 7px 8px !important;
            gap: 8px !important;
            border-color: rgba(159,29,53,.92) !important;
            box-shadow: 0 10px 26px rgba(0,0,0,.34), 0 0 0 1px rgba(159,29,53,.20) !important;
          }#dynamicInput.tc21-arc2-input #dynLabel{
            max-width: 116px !important;
            font-weight: 800 !important;
            color: var(--text-bright) !important;
          }#dynamicInput.tc21-arc2-input #dynInputField{
            width: 72px !important;
            text-align: center !important;
            font-weight: 700 !important;
          }body.ui-light #dynamicInput.tc21-arc2-input #dynLabel{ color: #111827 !important; }.modal.about-modal .about-logo,
.modal.about-modal .tc20-about-hero .about-logo{
            width: 138px !important;
            min-width: 138px !important;
            height: 110px !important;
          }.modal.about-modal .tc20-user-logo{ width: 100% !important; height: 100% !important; }.modal.about-modal .tc20-about-hero{
            grid-template-columns: 150px 1fr !important;
            align-items: center !important;
          }.modal.tc21-save-modal + *{ pointer-events: auto; }
          @media (max-width: 720px) {.modal.about-modal .tc20-about-hero{ grid-template-columns: 1fr !important; }.modal.about-modal .about-logo{ width: 112px !important; min-width: 112px !important; height: 92px !important; }
          }/* tc22-polish-css */
#dynamicInput.tc22-fit-readout{
            min-width: 218px !important;
            max-width: min(360px, calc(100vw - 28px)) !important;
            width: auto !important;
            gap: 8px !important;
            padding: 7px 9px !important;
          }#dynamicInput.tc22-fit-readout #dynLabel{
            max-width: 230px !important;
            min-width: 0 !important;
            width: auto !important;
            overflow: visible !important;
            text-overflow: clip !important;
            white-space: nowrap !important;
            font-size: 11px !important;
            line-height: 1.15 !important;
          }#dynamicInput.tc22-fit-readout #dynInputField{
            width: 78px !important;
            min-width: 70px !important;
            flex: 0 0 auto !important;
          }#dynamicInput.tc21-arc2-input.tc22-fit-readout{
            min-width: 236px !important;
            max-width: min(390px, calc(100vw - 28px)) !important;
          }#dynamicInput.tc21-arc2-input.tc22-fit-readout #dynLabel{
            max-width: 250px !important;
          }#dynamicInput.tc21-arc2-input.tc22-fit-readout #dynInputField{
            width: 86px !important;
          }
          @media (max-width: 680px) {#dynamicInput.tc22-fit-readout{ min-width: 190px !important; max-width: calc(100vw - 18px) !important; }#dynamicInput.tc22-fit-readout #dynLabel{ max-width: 160px !important; font-size: 10px !important; }#dynamicInput.tc22-fit-readout #dynInputField{ width: 66px !important; }
          }/* tc24-ux-css */
.check-pill{
            position: relative !important;
            gap: 8px !important;
            min-height: 30px !important;
            border-radius: 8px !important;
          }.check-pill input[type="checkbox"]{
            appearance: none !important;
            -webkit-appearance: none !important;
            width: 32px !important;
            height: 18px !important;
            margin: 0 !important;
            border-radius: 999px !important;
            border: 1px solid color-mix(in srgb, var(--border-light), transparent 12%) !important;
            background: linear-gradient(180deg, #3a3d44, #25272d) !important;
            box-shadow: inset 0 1px 2px rgba(0,0,0,.35) !important;
            position: relative !important;
            flex: 0 0 32px !important;
            cursor: pointer !important;
          }.check-pill input[type="checkbox"]::after{
            content: "" !important;
            position: absolute !important;
            width: 14px !important;
            height: 14px !important;
            left: 1px !important;
            top: 1px !important;
            border-radius: 50% !important;
            background: #d9dee7 !important;
            box-shadow: 0 1px 3px rgba(0,0,0,.35) !important;
            transition: transform .14s ease, background .14s ease !important;
          }.check-pill input[type="checkbox"]:checked{
            border-color: color-mix(in srgb, var(--accent), #ffffff 18%) !important;
            background: linear-gradient(180deg, #b32b48, #7e182b) !important;
          }.check-pill input[type="checkbox"]:checked::after{
            transform: translateX(14px) !important;
            background: #ffffff !important;
          }body.ui-light .check-pill input[type="checkbox"]{
            background: linear-gradient(180deg, #eef2f7, #dce4ee) !important;
            border-color: #c8d2df !important;
          }body.ui-light .check-pill input[type="checkbox"]:checked{
            background: linear-gradient(180deg, #b52a47, #8b1d32) !important;
            border-color: #8b1d32 !important;
          }#tc24SnapPanel{
            position: fixed;
            right: 78px;
            bottom: 48px;
            width: 286px;
            max-width: calc(100vw - 18px);
            z-index: 80;
            display: none;
            padding: 10px;
            border-radius: 8px;
            border: 1px solid color-mix(in srgb, var(--border-light), transparent 18%);
            background: linear-gradient(180deg, color-mix(in srgb, var(--bg-panel), #ffffff 6%), var(--bg-base));
            box-shadow: 0 16px 36px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05);
            color: var(--text-main);
          }#tc24SnapPanel.show{ display: block; }.tc24-snap-head{
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 0 2px 8px;
            border-bottom: 1px solid color-mix(in srgb, var(--border), transparent 18%);
            margin-bottom: 8px;
            font: 650 11px/1 var(--font-ui);
            letter-spacing: .08em;
            text-transform: uppercase;
            color: color-mix(in srgb, var(--accent), #ffffff 18%);
          }.tc24-snap-grid{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 6px;
          }.tc24-switch-row{
            display: flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
            min-height: 30px;
            padding: 6px 7px;
            border-radius: 8px;
            border: 1px solid color-mix(in srgb, var(--border), transparent 18%);
            background: color-mix(in srgb, var(--bg-surface), transparent 18%);
            cursor: pointer;
            user-select: none;
            font: 600 11px/1.1 var(--font-ui);
          }.tc24-switch-row.full{ grid-column: 1 / -1; }.tc24-switch-row input{
            appearance: none;
            -webkit-appearance: none;
            width: 30px;
            height: 17px;
            margin: 0;
            border-radius: 999px;
            border: 1px solid color-mix(in srgb, var(--border-light), transparent 12%);
            background: #2d3036;
            position: relative;
            flex: 0 0 30px;
          }.tc24-switch-row input::after{
            content: "";
            position: absolute;
            left: 1px;
            top: 1px;
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background: #d6dbe4;
            transition: transform .14s ease, background .14s ease;
          }.tc24-switch-row input:checked{
            background: linear-gradient(180deg, #b72b49, #841a2f);
            border-color: #b72b49;
          }.tc24-switch-row input:checked::after{
            transform: translateX(13px);
            background: #fff;
          }.tc24-switch-row span{
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }.tc24-snap-note{
            margin-top: 8px;
            color: var(--text-muted);
            font: 10px/1.35 var(--font-ui);
          }body.ui-light #tc24SnapPanel{
            background: linear-gradient(180deg, #ffffff, #eef2f7);
            border-color: #cfd8e3;
            box-shadow: 0 16px 34px rgba(30,41,59,.17), inset 0 1px 0 #fff;
          }body.ui-light .tc24-switch-row{
            background: #f8fafc;
            border-color: #d9e1ea;
          }body.ui-light .tc24-switch-row input{ background: #dce4ee; border-color: #c8d2df; }/* tc27-tools-css */
#modalBackdrop.show{ z-index: 1400 !important; }#modalBackdrop.show .modal{ position: relative; z-index: 1401 !important; }.tc27-image-settings{ display:grid; gap:14px; }.tc27-image-settings .tc27-row{ display:grid; grid-template-columns: 132px minmax(0,1fr); align-items:center; gap:12px; }.tc27-image-settings label{ color: var(--text-muted); font-size: 11px; text-transform: uppercase; letter-spacing:.04em; }.tc27-image-settings input{ width:100%; background: var(--bg-base); color: var(--text-bright); border:1px solid var(--border); border-radius:8px; padding:7px 9px; outline:none; }.tc27-image-settings input:focus{ border-color: var(--accent); }.tc27-help-note{ color: var(--text-muted); line-height:1.55; padding:10px 12px; border:1px solid var(--border); border-radius:10px; background:rgba(255,255,255,.035); }body.ui-light .tc27-image-settings input{ background:#fff; color:#111827; border-color:#cfd4dc; }body.ui-light .tc27-help-note{ background:#f8fafc; color:#4b5563; border-color:#d8dee7; }/* tc28-polish-css */
.tc-start-lead{
            text-align: justify !important;
            text-align-last: left;
            hyphens: auto;
          }body.tc-start-visible #modalBackdrop.show{
            z-index: 99990 !important;
            display: grid !important;
            pointer-events: auto !important;
            background: rgba(0,0,0,.62) !important;
            backdrop-filter: blur(11px) !important;
          }body.tc-start-visible #modalBackdrop.show .modal{
            z-index: 99991 !important;
            position: relative !important;
          }body.tc-start-visible.tc28-modal-open #tcStartScreen{
            pointer-events: none;
          }.tc28-prop-note{
            grid-column: 1 / -1;
            margin: 0;
            padding: 10px 12px;
            border-radius: 10px;
            border: 1px solid color-mix(in srgb, var(--border), var(--accent) 20%);
            background: rgba(255,255,255,.035);
            color: var(--text-muted);
            line-height: 1.45;
            font-size: 12px;
          }.tc28-field-value{
            font-family: var(--font-mono);
            color: var(--text-muted);
          }.tc20-about-actions{
            padding: 0 16px 16px !important;
            gap: 12px !important;
          }.tc20-about-action{
            min-height: 44px !important;
            padding: 8px 12px !important;
            line-height: 1.18 !important;
            max-width: 100% !important;
          }.tc20-guide-hero .tc20-pill-row{ display: none !important; }.tc20-tip-list li{ margin-bottom: 7px; }body.ui-light .tc28-prop-note{
            background: #f8fafc;
            color: #4b5563;
            border-color: #d8dee7;
          }/* tc31-polish-css */
.tc31-center-dyn{
            position: absolute;
            z-index: 38;
            display: none;
            gap: 6px;
            align-items: center;
            padding: 6px;
            border: 1px solid rgba(159,29,53,.75);
            border-radius: 7px;
            background: rgba(24,24,27,.96);
            box-shadow: 0 10px 22px rgba(0,0,0,.35);
            pointer-events: auto;
          }.tc31-center-dyn.show{ display: flex; }.tc31-center-dyn label{
            display: grid;
            gap: 3px;
            color: var(--text-muted);
            font-size: 9px;
            font-weight: 800;
            letter-spacing: .05em;
            text-transform: uppercase;
          }.tc31-center-dyn input{
            width: 78px;
            height: 26px;
            padding: 4px 7px;
            border: 1px solid var(--border);
            border-radius: 5px;
            background: #0f1012;
            color: var(--text-bright);
            font-family: var(--font-mono);
            font-size: 12px;
            outline: none;
          }.tc31-center-dyn input:focus{ border-color: var(--accent); box-shadow: 0 0 0 2px rgba(159,29,53,.22); }body.ui-light .tc31-center-dyn{ background: rgba(255,255,255,.97); border-color: rgba(159,29,53,.55); }body.ui-light .tc31-center-dyn input{ background: #fff; color: #111827; border-color: #cfd4dc; }.tc31-axis-triad{
            position: absolute;
            left: 18px;
            bottom: 18px;
            z-index: 24;
            width: 86px;
            height: 72px;
            pointer-events: none;
            color: rgba(255,255,255,.9);
          }.tc31-axis-triad .origin{
            position: absolute;
            left: 22px;
            bottom: 18px;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #f8fafc;
            box-shadow: 0 0 0 2px rgba(0,0,0,.28);
          }.tc31-axis-triad .axis{
            position: absolute;
            left: 25px;
            bottom: 21px;
            transform-origin: 0 50%;
          }.tc31-axis-triad .axis::before{
            content: "";
            display: block;
            width: 42px;
            height: 2px;
            background: currentColor;
          }.tc31-axis-triad .axis::after{
            content: "";
            position: absolute;
            right: -1px;
            top: -4px;
            border-left: 8px solid currentColor;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
          }.tc31-axis-triad .axis.x{ color: #ef4444; }.tc31-axis-triad .axis.y{ color: #22c55e; transform: rotate(-90deg); }.tc31-axis-triad .label{
            position: absolute;
            font: 800 11px var(--font-ui), sans-serif;
            text-shadow: 0 1px 2px rgba(0,0,0,.55);
          }.tc31-axis-triad .label.x{ left: 70px; bottom: 12px; color: #ef4444; }.tc31-axis-triad .label.y{ left: 14px; top: 4px; color: #22c55e; }body.ui-light .tc31-axis-triad .origin{ background: #111827; box-shadow: 0 0 0 2px rgba(255,255,255,.6); }/* tc32-fixes-css */
.tc31-axis-triad{ bottom: 52px !important; }.tc31-center-dyn.tc32-readout{
            opacity: .72;
            border-color: rgba(255,255,255,.18);
            box-shadow: 0 6px 14px rgba(0,0,0,.25);
          }.tc31-center-dyn.tc32-readout input{
            pointer-events: none;
            border-color: transparent;
            background: rgba(255,255,255,.04);
          }.tc31-center-dyn.tc32-editing{
            opacity: 1;
          }.tc31-center-dyn.tc32-editing input{
            pointer-events: auto;
          }/* tc33-feedback-centerline-css */
.tc31-axis-triad{ width: 92px !important; height: 78px !important; }.tc31-axis-triad .label{
            line-height: 1 !important;
            letter-spacing: 0 !important;
          }.tc31-axis-triad .label.x{
            left: 75px !important;
            bottom: 19px !important;
            transform: translate(-50%, 50%) !important;
          }.tc31-axis-triad .label.y{
            left: 25px !important;
            top: 5px !important;
            transform: translate(-50%, -50%) !important;
          }#tc31CenterDyn{ display: none !important; }