/* Presentation-only overrides for the original tools and account/article UI.
   Do not override canvas colors, display states or algorithm output. */
.swiss-site .tool-page-main { font-family: inherit; }
.swiss-site :is(.tabs, .tab, .auth-tabs, .auth-tab, .auth-form, .profile-card, .profile-avatar, .fav-item, .fav-icon, .fav-remove, .form-input, .form-btn, .code-btn, .btn-change-pwd, .btn-logout, .drop-zone, .preview-card, .canvas-wrap, .tier-custom-panel, .manual-box, .ctrl-select, .ctrl-input, .manual-inputs input, .lan-card, .panel-head > i, .panel-badge, .device-item, .device-avatar, .transfer-item, .recv-item, .room-qr img, .room-qr canvas, .tutorial-section, .step-card, .step-number, .tip-box, .warning-box, .example-card, .cta-button, .related-tool-item, .feature-item, .principle-section, .formula-box) { border-radius: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.swiss-site .tool-page-main .tabs, .swiss-site .auth-tabs { background: transparent; padding: 0; gap: 0; border-bottom: 1px solid var(--ink); }
.swiss-site .tool-page-main .tabs .tab, .swiss-site .auth-tab { background: var(--panel); color: var(--muted); padding: 14px 12px; }
.swiss-site .tool-page-main .tabs .tab.active, .swiss-site .auth-tab.active { background: var(--ink); color: var(--paper); box-shadow: none; }
.swiss-site .tool-page-main .preview-card, .swiss-site .lan-card, .swiss-site .auth-form, .swiss-site .profile-card { background: transparent; border: 1px solid var(--line); }
.swiss-site .tier-custom-panel, .swiss-site .manual-box { background: var(--panel); }
.swiss-site :is(.ctrl-select, .ctrl-input, .manual-inputs input, .form-input) { background: var(--paper); border: 1px solid var(--line); min-width: 0; }
.swiss-site .tier-info { gap: 8px; flex-wrap: wrap; }
.swiss-site .tier-slider { border-radius: 0; background: var(--line); }
.swiss-site .tier-slider::-webkit-slider-thumb { border-color: var(--accent); box-shadow: none; }
.swiss-site .tier-slider::-moz-range-thumb { border-color: var(--accent); box-shadow: none; }
.swiss-site :is(.tier-name, .param-val, .tier-custom-btn, .hint-ico i, .room-code, .link-btn, .select-bar b, .form-hint a, .btn-change-pwd, .toggle-btn:hover) { color: var(--accent); }
.swiss-site :is(.tier-labels span, .tier-desc, .ctrl-val, .lan-label, .lan-note, .qr-hint, .device-status, .form-label, .form-hint, .profile-info p, .fav-desc, .empty-state, .tool-page-main .preview-card h3) { color: var(--muted); }
.swiss-site .param-row input[type="range"] { accent-color: var(--accent); }
.swiss-site :is(.form-btn, .code-btn) { background: var(--ink); color: var(--paper); min-height: 44px; }
.swiss-site :is(.form-btn, .code-btn):hover:not(:disabled) { background: var(--accent); transform: none; }
.swiss-site :is(.form-btn, .code-btn):disabled { background: var(--muted); }
.swiss-site :is(.form-input:focus, .device-item.selected) { border-color: var(--accent); box-shadow: none; }
.swiss-site .profile-avatar { background: var(--ink); flex-shrink: 0; }
.swiss-site .code-row .form-input { width: 0; min-width: 0; }
.swiss-site .btn-change-pwd { border: 1px solid var(--ink); background: transparent; color: var(--ink); margin-bottom: 12px; }
.swiss-site .btn-logout { border: 1px solid var(--line); background: transparent; color: var(--accent); }
.swiss-site .form-error { color: #a3271b; }
.swiss-site .form-success { color: #236140; }
.swiss-site .profile-info { min-width: 0; }
.swiss-site .fav-icon { background: var(--panel); color: var(--ink); }
.swiss-site .fav-item { background: var(--panel); }
.swiss-site .fav-item > a { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; flex: 1; }
.swiss-site .fav-item.retired { color: var(--muted); }
.swiss-site .retired-note { margin-top: 16px; font-size: 12px; color: var(--muted); }
.swiss-site .room-banner { background: var(--panel); }
.swiss-site :is(.panel-head > i, .device-avatar) { background: var(--panel); color: var(--accent); }
.swiss-site .device-item.selected { background: #f7e8e2; }
.swiss-site .device-item.selected :is(.device-avatar, .device-check) { background: var(--ink); border-color: var(--ink); color: white; }
.swiss-site .tool-page-main .desc { text-align: left !important; color: var(--muted) !important; }
.swiss-site .progress > span, .swiss-site .progress-bar { background: var(--accent); border-radius: 0; }
.swiss-site .progress, .swiss-site .progress-bar { border-radius: 0; }

/* Existing technical essays become the initial blog archive. */
.swiss-site .tutorial-container { width: min(800px, calc(100% - 40px)); max-width: 800px; padding: 48px 0 64px; margin: 0 auto; }
.swiss-site .tutorial-header { border-bottom: 2px solid var(--ink); padding-bottom: 28px; margin-bottom: 32px; }
.swiss-site .tutorial-header h1 { font-size: clamp(30px, 4vw, 46px); line-height: 1.35; letter-spacing: -.04em; color: var(--ink); }
.swiss-site .tutorial-header > p { color: var(--muted); font-size: 16px; margin-top: 16px; }
.swiss-site .tutorial-section { background: transparent; padding: 0 0 28px; margin: 0 0 28px; border-bottom: 1px solid var(--line); }
.swiss-site .tutorial-section :is(p, li) { font-size: 16px; line-height: 1.9; color: #34332f; }
.swiss-site .tutorial-section h2 { font-size: 24px; margin-bottom: 20px; border: 0; color: var(--ink); }
.swiss-site .tutorial-section h3 { font-size: 18px; color: var(--ink); }
.swiss-site :is(.step-card, .tip-box, .warning-box) { border-left-color: var(--accent); background: var(--panel); }
.swiss-site :is(.step-number, .cta-button) { background: var(--ink); color: var(--paper); }
.swiss-site .cta-button { border: 1px solid var(--ink); }
.swiss-site .cta-button:hover { background: var(--accent); color: white; }
.swiss-site :is(.related-tool-item, .feature-item, .formula-box, .example-card) { background: var(--panel); }
.swiss-site :is(.related-tool-item i, .feature-item i, .tip-box p, .warning-box p) { color: var(--accent); }
.swiss-site .tutorial-container pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.swiss-site :is(.abstract-box, .note-box) { border-radius: 0; background: var(--panel); border-left-color: var(--accent); }
.swiss-site .tutorial-container table { display: block; max-width: 100%; overflow-x: auto; }
@media (max-width: 640px) {
    .swiss-site .tutorial-container { padding-top: 32px; }
    .swiss-site .auth-container, .swiss-site .profile-container { padding-top: 0; }
    .swiss-site .tool-page-main .options label { white-space: normal; }
}

/* International Typographic Style / open, asymmetric workbench.
   The layout grid is implicit; only meaningful group boundaries are visible. */
body.swiss-site:has(.workspace-heading) { background: #fcfbf8; }
.swiss-site .tool-page-main:has(.workspace-heading) { width: min(1080px, calc(100% - 80px)); max-width: 1080px; position: relative; padding: 64px 0 80px 280px; min-height: 680px; }
.swiss-site .workspace-heading { position: absolute; left: 0; top: 64px; width: 220px; border: 0; padding: 0; margin: 0; }
.swiss-site .workspace-heading .section-code { font-size: 11px; letter-spacing: .12em; }
.swiss-site .workspace-heading .tool-page-title { font-size: 36px; line-height: 1.35; font-weight: 600; margin: 28px 0 18px; letter-spacing: -.04em; }
.swiss-site .workspace-heading .workspace-subtitle { max-width: 180px; font-size: 13px; line-height: 1.9; }
.swiss-site .workspace-heading::after { content: ''; display: block; height: 3px; width: 32px; background: var(--accent); margin-top: 32px; }
.swiss-site .tool-page-main:has(.workspace-heading) .tabs { border: 0; gap: 32px; margin-bottom: 44px; }
.swiss-site .tool-page-main:has(.workspace-heading) .tabs .tab { padding-bottom: 10px; font-size: 13px; }
.swiss-site .tool-page-main:has(.workspace-heading) .drop-zone { position: relative; background: transparent; border: 0; border-top: 1px solid #bcbab2; padding: 26px 54px 26px 0; text-align: left; min-height: 132px; transition: border-color .2s; }
.swiss-site .tool-page-main:has(.workspace-heading) .drop-zone::after { content: '+'; font: 300 28px/40px Helvetica, Arial, sans-serif; text-align: center; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 50%; position: absolute; right: 0; top: 28px; color: var(--accent); pointer-events: none; }
.swiss-site .tool-page-main:has(.workspace-heading) .drop-zone::after { content: ''; background: linear-gradient(var(--accent),var(--accent)) center / 12px 1px no-repeat, linear-gradient(var(--accent),var(--accent)) center / 1px 12px no-repeat; }
.swiss-site .tool-page-main:has(.workspace-heading) .drop-zone:hover { background: transparent; border-top-color: var(--accent); }
.swiss-site .tool-page-main:has(.workspace-heading) .drop-zone:hover::after { background: linear-gradient(white,white) center / 12px 1px no-repeat, linear-gradient(white,white) center / 1px 12px no-repeat, var(--accent); border-color: var(--accent); }
.swiss-site .tool-page-main:has(.workspace-heading) .drop-zone strong { font-size: 18px; font-weight: 500; letter-spacing: -.02em; margin: 0 0 10px; }
.swiss-site .tool-page-main:has(.workspace-heading) .drop-zone p { font-size: 12px; color: var(--muted); }
.swiss-site .tool-page-main:has(.workspace-heading) :is(.ctrl-select, .ctrl-input, .tool-input, .manual-inputs input) { background: transparent; border: 0; border-bottom: 1px solid var(--line); padding: 10px 0; }
.swiss-site .tool-page-main:has(.workspace-heading) .options :is(select, input[type="number"]) { background: transparent; border: 0 !important; border-bottom: 1px solid var(--line) !important; padding: 8px 4px; }
.swiss-site .tool-page-main:has(.workspace-heading) :is(.ctrl-label, .manual-label, .param-label) { font-weight: 500; }
.swiss-site .tool-page-main:has(.workspace-heading) .options { gap: 22px 36px; margin-top: 16px !important; padding: 16px 0; }
.swiss-site .tool-page-main:has(.workspace-heading) .buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin: 40px 0 48px; }
.swiss-site .tool-page-main:has(.workspace-heading) .buttons .tool-btn { flex: 0 0 auto; min-width: 120px; padding: 13px 24px; font-weight: 500; }
.swiss-site .tool-page-main:has(.workspace-heading) .buttons .tool-btn-secondary { min-width: 0; border: 0; padding: 12px 0; background: transparent; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: #bbb9b1; }
.swiss-site .tool-page-main:has(.workspace-heading) .buttons .tool-btn-secondary:hover:not(:disabled) { color: var(--accent); background: transparent; }
.swiss-site .tool-page-main:has(.workspace-heading) button:disabled { opacity: .38; }
.swiss-site .tool-page-main:has(.workspace-heading) .preview-card { border-top-color: var(--line); }
.swiss-site .tool-page-main:has(.workspace-heading) #lobby { grid-template-columns: 1fr; gap: 0; padding: 0; max-width: 560px; }
.swiss-site .tool-page-main:has(.workspace-heading) #lobby > .lan-field:first-child { max-width: none; }
.swiss-site .tool-page-main:has(.workspace-heading) #lobby > .toolbar { grid-column: 1; grid-row: auto; margin: 28px 0 48px; }
.swiss-site .tool-page-main:has(.workspace-heading) #lobby > .lan-field:last-child { grid-column: 1; grid-row: auto; border-top: 1px solid var(--line); padding-top: 28px; }
.swiss-site .tool-page-main:has(.workspace-heading) .usage-note { border: 0; margin-top: 48px; padding-top: 0; }
.swiss-site .tool-page-main:has(.workspace-heading) .room-grid { grid-template-columns: 1fr; }
.swiss-site .tool-page-main:has(.workspace-heading) .room-grid .lan-card { margin-bottom: 28px; }
@media (max-width: 900px) {
    .swiss-site .tool-page-main:has(.workspace-heading) { padding-left: 220px; }
    .swiss-site .workspace-heading { width: 180px; }
    .swiss-site .workspace-heading .tool-page-title { font-size: 30px; }
}
@media (max-width: 640px) {
    .swiss-site .tool-page-main:has(.workspace-heading) { width: calc(100% - 48px); padding: 36px 0 48px; min-height: 0; }
    .swiss-site .workspace-heading { position: static; width: auto; padding-bottom: 0; margin: 0 0 40px; }
    .swiss-site .workspace-heading .tool-page-title { font-size: 32px; margin: 20px 0 10px; }
    .swiss-site .workspace-heading .workspace-subtitle { max-width: none; font-size: 13px; }
    .swiss-site .workspace-heading::after { margin-top: 24px; width: 24px; height: 3px; }
    .swiss-site .tool-page-main:has(.workspace-heading) .tabs { margin-bottom: 36px; }
    .swiss-site .tool-page-main:has(.workspace-heading) .upload-grid, .swiss-site .tool-page-main:has(.workspace-heading) #createPanel > div[style*="grid-template-columns"] { gap: 28px !important; }
    .swiss-site .tool-page-main:has(.workspace-heading) .drop-zone { min-height: 104px; padding: 22px 54px 20px 0; }
    .swiss-site .tool-page-main:has(.workspace-heading) .drop-zone::after { top: 20px; }
    .swiss-site .tool-page-main:has(.workspace-heading) .drop-zone strong { font-size: 18px; }
    .swiss-site .tool-page-main:has(.workspace-heading) .options { padding-top: 20px; gap: 24px; }
    .swiss-site .tool-page-main:has(.workspace-heading) .buttons { gap: 16px 24px; margin-top: 36px; }
    .swiss-site .tool-page-main:has(.workspace-heading) .buttons .tool-btn { min-width: 120px; padding: 13px 24px; }
    .swiss-site .tool-page-main:has(.workspace-heading) .buttons .tool-btn-secondary { min-width: 0; padding: 12px 0; }
}

/* Swiss workspaces: hierarchy through alignment and rules, not nested cards. */
.swiss-site .tool-page-main { width: min(960px, calc(100% - 64px)); padding-top: 36px; }
.workspace-heading { padding-bottom: 24px; border-bottom: 2px solid var(--ink); margin-bottom: 24px; }
.workspace-heading .section-code a { color: var(--muted); }
.workspace-heading .tool-page-title { margin: 12px 0 8px; font-size: 30px; font-weight: 600; letter-spacing: -.03em; }
.workspace-subtitle { font-size: 14px; color: var(--muted); }
.swiss-site .tool-page-main .tabs { border-bottom: 1px solid var(--line); gap: 24px; margin-bottom: 24px; }
.swiss-site .tool-page-main .tabs .tab { background: transparent; padding: 0 0 12px; flex: 0 1 auto; color: var(--muted); border-bottom: 2px solid transparent; font-weight: 500; }
.swiss-site .tool-page-main .tabs .tab.active { background: transparent; color: var(--ink); border-bottom-color: var(--accent); }
.swiss-site .tool-page-main .drop-zone { border: 1px solid var(--line); background: #f3f2ed; min-height: 132px; padding: 28px 20px; display: flex; flex-direction: column; justify-content: center; text-align: left; }
.swiss-site .tool-page-main .drop-zone:hover, .swiss-site .tool-page-main .drop-zone.dragover { border-color: var(--ink); background: #eeede6; }
.swiss-site .tool-page-main .drop-zone p { margin: 0; font-size: 12px; line-height: 1.7; }
.swiss-site .tool-page-main .drop-zone strong { display: block; margin-bottom: 6px; font-size: 15px; font-weight: 600; }
.swiss-site .tool-page-main .options { gap: 14px 24px; padding: 20px 0; margin-bottom: 0; border-bottom: 1px solid var(--line); }
.swiss-site .tool-page-main .options label { font-size: 13px; }
.swiss-site .tool-page-main .options :is(select, input[type="number"]) { padding: 6px 8px; border-radius: 0 !important; background: transparent; }
.swiss-site .tool-page-main :is(.ctrl-select, .ctrl-input, .manual-inputs input, .tool-input) { padding: 10px 12px; border-radius: 0; }
.swiss-site .tool-page-main .ctrl-row { margin-top: 18px; }
.swiss-site .tool-page-main .tier-bar { margin: 24px 0; }
.swiss-site .tool-page-main .buttons { gap: 8px; justify-content: flex-start; margin: 24px 0; }
.swiss-site .tool-page-main .buttons .tool-btn { flex: 0 1 auto; padding: 11px 22px; font-size: 13px; }
.swiss-site .tool-page-main .tool-btn-secondary { border-color: var(--line); background: transparent; }
.swiss-site .tool-page-main .tool-btn-secondary:hover:not(:disabled) { border-color: var(--ink); color: var(--ink); background: var(--panel); }
.swiss-site .tool-page-main .previews { margin-top: 28px; gap: 20px; }
.swiss-site .tool-page-main .preview-card { border: 0; border-top: 1px solid var(--line); background: transparent; padding: 12px 0 0; min-height: 0; justify-content: flex-start; align-items: stretch; text-align: left; overflow: hidden; }
.swiss-site .tool-page-main .preview-card h3 { font-size: 12px; margin: 0 0 10px; font-weight: 500; }
.swiss-site .tool-page-main .canvas-wrap { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 100px; }
.swiss-site .tool-page-main .canvas-wrap canvas { max-height: 280px; width: auto; height: auto; object-fit: contain; }
.swiss-site .tool-page-main .manual-box { background: transparent; border-bottom: 1px solid var(--line); padding: 18px 0; }
.swiss-site .tool-page-main .manual-label { font-size: 13px; }
.swiss-site .tool-page-main .tier-custom-panel { background: transparent; border: 1px solid var(--line); padding: 16px; }
.swiss-site #lobby { max-width: none; padding: 24px 0; border: 0; margin: 0; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px 48px; }
.swiss-site #lobby > .lan-field:first-child { grid-column: 1 / -1; max-width: 420px; margin: 0; }
.swiss-site #lobby > .toolbar { grid-column: 1; grid-row: 2; margin: 0; align-items: flex-end; }
.swiss-site #lobby > .lan-divider { display: none; }
.swiss-site #lobby > .lan-field:last-child { grid-column: 2; grid-row: 2; margin: 0; }
.swiss-site #lobby .lan-row { flex-wrap: nowrap; }
.swiss-site #lobby .lan-row > .tool-input { flex: 1; }
.swiss-site .lan-card .tool-btn i, .swiss-site .panel-head > i, .swiss-site .drop-zone > i { display: none; }
.swiss-site .lan-label { font-size: 12px; color: var(--muted); }
.swiss-site .room-banner.lan-card { background: transparent; padding: 20px 0; border: 0; border-bottom: 1px solid var(--line); }
.swiss-site .room-code { font-size: 36px; letter-spacing: .12em; color: var(--ink); }
.swiss-site .room-grid .lan-card { border: 0; border-top: 1px solid var(--line); padding: 18px 0; }
.swiss-site .panel-head h3 { font-size: 15px; }
.swiss-site .panel-badge { background: transparent; padding: 0; }
.swiss-site .usage-note { border-top: 1px solid var(--line); margin-top: 32px; padding-top: 16px; color: var(--muted); font-size: 13px; }
.swiss-site .usage-note summary { cursor: pointer; color: var(--ink); padding: 4px 0; }
.swiss-site .usage-note p { margin: 12px 0; max-width: 720px; line-height: 1.8; }
@media (max-width: 640px) {
    .swiss-site .tool-page-main { width: calc(100% - 40px); padding-top: 26px; }
    .workspace-heading { margin-bottom: 20px; padding-bottom: 20px; }
    .workspace-heading .tool-page-title { font-size: 26px; }
    .swiss-site .tool-page-main .upload-grid, .swiss-site .tool-page-main #createPanel > div[style*="grid-template-columns"] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
    .swiss-site .tool-page-main .drop-zone { min-height: 122px; padding: 16px 12px; }
    .swiss-site .tool-page-main .drop-zone strong { font-size: 14px; }
    .swiss-site .tool-page-main .buttons .tool-btn { padding: 10px 14px; }
    .swiss-site .tool-page-main .previews, .swiss-site .tool-page-main .previews-3 { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 12px; }
    .swiss-site .tool-page-main .previews-3 > :last-child { grid-column: 1 / -1; }
    .swiss-site .tool-page-main .canvas-wrap canvas { max-height: 200px; }
    .swiss-site #lobby { display: block; padding: 0; }
    .swiss-site #lobby > .toolbar { margin: 18px 0 26px; }
    .swiss-site #lobby > .lan-field:last-child { padding-top: 20px; border-top: 1px solid var(--line); }
    .swiss-site #lobby .tool-btn { font-size: 13px; }
    .swiss-site .tool-page-main .options { gap: 14px; }
}

/* Image steganography action bar: aligned controls without underlined links. */
.swiss-site .tool-page-main:has(#embedPanel) .buttons {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 56px;
    gap: 12px; max-width: 440px; align-items: center;
}
.swiss-site .tool-page-main:has(#embedPanel) .buttons .tool-btn {
    min-width: 0; min-height: 46px; padding: 10px 8px; font-size: 13px;
    line-height: 24px; border: 1px solid var(--ink); text-decoration: none;
    font-weight: 500; grid-column: auto;
}
.swiss-site .tool-page-main:has(#embedPanel) .buttons .tool-btn-secondary {
    background: transparent; color: var(--ink); border-color: #c9c7be;
}
.swiss-site .tool-page-main:has(#embedPanel) .buttons .tool-btn:disabled {
    opacity: 1; background: #efeee8; color: #8c8a82; border-color: #e6e4dc;
}
.swiss-site .tool-page-main:has(#embedPanel) .buttons .tool-btn:last-child {
    border-color: transparent; background: transparent; color: var(--muted);
}
.swiss-site .tool-page-main:has(#embedPanel) .buttons .tool-btn:last-child:hover {
    color: var(--accent); background: #f0efe9;
}
/* The same action hierarchy applies to both tank tools, including four actions. */
.swiss-site .tool-page-main:has(#createPanel) .buttons { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) 56px; gap: 12px; max-width: 440px; align-items: center; }
.swiss-site .tool-page-main:has(#createPanel) .buttons:has(> :nth-child(4)) { grid-template-columns: repeat(2,minmax(0,1fr)); }
.swiss-site .tool-page-main:has(#createPanel) .buttons .tool-btn { min-width: 0; min-height: 46px; padding: 10px 8px; font-size: 13px; line-height: 24px; border: 1px solid var(--ink); text-decoration: none; font-weight: 500; grid-column: auto; }
.swiss-site .tool-page-main:has(#createPanel) .buttons .tool-btn-secondary { background: transparent; color: var(--ink); border-color: #c9c7be; }
.swiss-site .tool-page-main:has(#createPanel) .buttons .tool-btn:disabled { opacity: 1; background: #efeee8; color: #8c8a82; border-color: #e6e4dc; }
.swiss-site .tool-page-main:has(#createPanel) .buttons .tool-btn:last-child { border-color: transparent; background: transparent; color: var(--muted); }
.swiss-site .tool-page-main:has(#createPanel) .buttons .tool-btn:last-child:hover { color: var(--accent); background: #f0efe9; }
/* Spacious workbench: stable rows, one action hierarchy, quiet empty states. */
.swiss-site .tool-page-main .preview-card:has(.canvas-wrap.preview-idle):not(:has(.canvas-wrap:not(.preview-idle))) { display: none; }
.swiss-site #decryptPanel:not(:has(.canvas-wrap:not(.preview-idle))) > .preview-card:has(#histCanvas) { display: none; }
.swiss-site .tool-page-main .ctrl-row:has(#capacityInfo:empty) { display: none; }
.swiss-site .tool-page-main .options label:has(> input[type="checkbox"]) { flex-direction: row-reverse; justify-content: space-between; }
.swiss-site .tool-page-main .options label > input[type="checkbox"] { margin: 0 !important; }
.swiss-site .tool-page-main { max-width: 840px; }
.workspace-heading { margin-bottom: 32px; padding-bottom: 28px; }
.swiss-site .tool-page-main .tabs { margin-bottom: 32px; }
.swiss-site .tool-page-main .drop-zone { min-height: 150px; padding: 30px; background: #f0efe9; border: 0; }
.swiss-site .tool-page-main .drop-zone strong { margin-bottom: 10px; }
.swiss-site .tool-page-main .options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 40px; padding: 28px 0; border: 0; }
.swiss-site .tool-page-main .options label { display: flex; flex-wrap: nowrap; width: 100%; min-height: 38px; gap: 12px; }
.swiss-site .tool-page-main .options label > select { margin-left: auto; min-width: 120px; }
.swiss-site .tool-page-main .options label > input[type="range"] { flex: 1; min-width: 40px; width: auto !important; }
.swiss-site .tool-page-main .options label > input[type="number"] { margin-left: auto; }
.swiss-site .tool-page-main .options label > input[type="range"] + input[type="number"] { flex: 0 0 58px; margin-left: 0; }
.swiss-site .tool-page-main .buttons { display: grid; grid-template-columns: minmax(140px,2fr) repeat(2,minmax(90px,1fr)); gap: 12px; margin: 32px 0 40px; }
.swiss-site .tool-page-main .buttons .tool-btn { min-width: 0; padding: 13px 16px; }
.swiss-site .tool-page-main .buttons .tool-btn-secondary { border: 0; background: #eeede7; }
.swiss-site .tool-page-main .previews { gap: 24px; margin-top: 32px; }
.swiss-site .tool-page-main .preview-card { padding-top: 16px; }
.swiss-site .tool-page-main .canvas-wrap.preview-idle { background: transparent; min-height: 64px; position: relative; }
.swiss-site .tool-page-main .canvas-wrap.preview-idle canvas { visibility: hidden; height: 64px; }
.swiss-site .tool-page-main .canvas-wrap.preview-idle::after { content: '—'; position: absolute; color: #a6a49c; font-size: 18px; }
.swiss-site .tool-page-main .preview-card .options { grid-template-columns: 1fr; padding: 12px 0; gap: 16px; }
.swiss-site .tool-page-main .ctrl-row { margin-top: 24px; }
.swiss-site .tool-page-main .tier-bar { margin: 32px 0; }
@media (max-width: 640px) {
    .swiss-site .tool-page-main { width: calc(100% - 48px); }
    .swiss-site .tool-page-main .upload-grid, .swiss-site .tool-page-main #createPanel > div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; gap: 12px !important; }
    .swiss-site .tool-page-main .drop-zone { min-height: 110px; padding: 22px 24px; }
    .swiss-site .tool-page-main .drop-zone strong { font-size: 15px; margin-bottom: 6px; }
    .swiss-site .tool-page-main .options { grid-template-columns: 1fr; gap: 18px; padding: 28px 0 4px; }
    .swiss-site .tool-page-main .options label { justify-content: space-between; gap: 16px; }
    .swiss-site .tool-page-main .options label > input[type="checkbox"] { margin-right: auto; }
    .swiss-site .tool-page-main .buttons { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 28px 0 36px; }
    .swiss-site .tool-page-main .buttons > :first-child { grid-column: 1 / -1; }
    .swiss-site .tool-page-main .buttons .tool-btn { padding: 14px 12px; }
    .swiss-site .tool-page-main .previews, .swiss-site .tool-page-main .previews-3 { grid-template-columns: 1fr; gap: 24px; }
    .swiss-site .tool-page-main .previews-3 > :last-child { grid-column: auto; }
    .swiss-site .tool-page-main .preview-card .canvas-wrap.preview-idle { min-height: 24px; }
    .swiss-site .tool-page-main .preview-card .canvas-wrap.preview-idle canvas { height: 24px; }
    .swiss-site .tool-page-main .ctrl-row-fill { flex-wrap: wrap; gap: 10px; }
    .swiss-site .tool-page-main .ctrl-row-fill .ctrl-label { flex-basis: 100%; }
    .swiss-site .tool-page-main .tier-info { row-gap: 12px; }
    .swiss-site .tool-page-main .tier-desc { flex-basis: 100%; order: 3; }
}