/* Visual layer only. Original calculations and print rules are preserved. */
@media screen {
body.design-studio:not(.theme-premium) {--bg-base:#fff;--panel-bg:#fff;--panel-border:#dce5ee;--text-main:#20344c;--text-muted:#687b90;--primary:#1565c0;--accent:#1565c0;--sidebar-w:350px;--header-h:82px;background:#edf2f7;font-family:Inter,Segoe UI,sans-serif;}
.design-studio .tech-bg-overlay {background:#edf2f7;}
.design-studio header {height:82px;min-height:82px;padding:0 28px;border-bottom:1px solid var(--panel-border);box-shadow:none;gap:20px;}
.design-studio .header-left {gap:22px;min-width:0;}
.design-studio .main-logo {height:34px;filter:none;}
.brand-caption {border-left:1px solid var(--panel-border);padding-left:22px;display:flex;flex-direction:column;gap:3px;white-space:nowrap;}
.brand-caption strong {font-size:17px;letter-spacing:-.4px;}
.brand-caption span {font-size:11px;color:var(--text-muted);}
.design-studio .actions {gap:18px;}
.design-studio .tech-btn {border-radius:8px;box-shadow:none;background:var(--bg-base);font-size:11px;letter-spacing:.02em;padding:11px 15px;min-height:40px;transform:none;}
.design-studio .tech-btn:hover {transform:none;box-shadow:none;background:#eaf2fc;color:#1565c0;}
.design-studio #btn-show-summary,.design-studio #btn-add-project {background:#1565c0!important;color:#fff!important;border-color:#1565c0!important;box-shadow:0 3px 8px #1565c01a;}
.design-studio #btn-show-summary:hover,.design-studio #btn-add-project:hover {background:#0d4e9b!important;}
.tools-menu {position:relative;font-size:12px;}
.tools-menu>summary {cursor:pointer;list-style:none;border:1px solid var(--panel-border);border-radius:8px;padding:11px 15px;display:flex;align-items:center;gap:20px;min-height:40px;}
.tools-menu>summary::-webkit-details-marker {display:none;}
.tools-popover {position:absolute;right:0;top:calc(100% + 12px);width:235px;padding:10px;display:flex;flex-direction:column;gap:6px;background:var(--bg-base);border:1px solid var(--panel-border);border-radius:12px;box-shadow:0 12px 40px #20344c20;z-index:100;}
.tools-menu:not([open]) .tools-popover {display:none;}
.tools-popover .tech-btn {width:100%;justify-content:flex-start;}
.design-studio main {padding:22px;gap:22px;grid-template-columns:350px minmax(0,1fr);min-height:0;}
.design-studio .sidebar {background:var(--panel-bg);padding:22px;gap:18px;border-radius:14px;box-shadow:0 4px 20px #20344c04;}
.design-studio .panel-section {flex-shrink:0;}
.design-studio .sidebar h2 {font-size:11px;letter-spacing:.09em;margin-bottom:13px;padding-bottom:10px;color:var(--text-muted);border-bottom:1px solid var(--panel-border);}
.design-studio .sidebar .form-group {margin-bottom:10px;}
.design-studio .sidebar .form-group.row {gap:10px;}
.design-studio .sidebar label {font-size:11px;font-weight:500;color:var(--text-muted);margin-bottom:5px;}
.design-studio .sidebar input,.design-studio .sidebar select {min-height:38px;padding:8px 10px;font-size:12px;border:1px solid var(--panel-border);border-radius:7px;background:var(--bg-base);box-shadow:none;}
.design-studio #mode-select {width:100%;background:#edf4fc;border-color:#c9def5;color:#155ba9;font-weight:600;}
.design-studio #panel-tecnico input {font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;}
.design-studio .results-box {flex-shrink:0;background:#f1f6fc;border:1px solid #d7e5f5;border-radius:10px;padding:14px;box-shadow:none;}
.design-studio .result-header {font-size:11px;letter-spacing:.08em;color:#1565c0;margin-bottom:8px;}
.design-studio .result-header::after {display:none;}
.design-studio .result-item {padding:9px 0;border-color:#dbe7f4;}
.design-studio .result-value {font-size:19px;color:#155ba9;font-variant-numeric:tabular-nums;}
.design-studio .result-label {font-size:12px;}
.design-studio .compass-range-info {font-size:10px;color:var(--text-muted);margin-top:5px;}
.design-studio .canvas-area {min-width:0;background:var(--panel-bg);border-radius:14px;padding:130px 24px 24px;box-shadow:0 4px 20px #20344c04;}
.workspace-title {position:absolute;top:23px;left:26px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-main);}
.workspace-dot {width:7px;height:7px;border-radius:50%;background:#1565c0;}
.design-studio .proyecto-top-bar {top:56px;left:26px;right:180px;padding-bottom:14px;border-bottom:1px solid var(--panel-border);}
.design-studio #drawing-wrapper {margin-top:0;min-height:0;background-image:radial-gradient(#cfdae6 0.7px,transparent 0.7px);background-size:20px 20px;}
.design-studio .watermark-main-panel {opacity:.015;}
.design-studio .empty-state {background:var(--bg-base);border:1px solid var(--panel-border);box-shadow:0 5px 20px #20344c08;color:var(--text-muted);font-size:13px;padding:30px;}
.design-studio .handle-preview-card {box-shadow:none;border:1px solid var(--panel-border);border-radius:10px;}
.design-studio .modal-box {border-radius:14px;box-shadow:0 20px 70px #20344c30;}
.design-studio :is(button,summary,input,select):focus-visible {outline:3px solid #8abbf4;outline-offset:3px;}
.design-studio .hidden {display:none!important;}
body.design-studio.theme-premium .tech-bg-overlay {background:#0b1422;}
body.design-studio.theme-premium .results-box {background:#101f33;border-color:#294461;}
body.design-studio.theme-premium #mode-select {background:#142a40;color:#a2d4ff;border-color:#294461;}
body.design-studio.theme-premium #drawing-wrapper {background-image:radial-gradient(#304256 .7px,transparent .7px);}
@media(max-width:1100px) { .brand-caption{display:none;} .design-studio main {grid-template-columns:320px minmax(0,1fr);padding:16px;gap:16px;} .design-studio .sidebar{padding:18px;} .design-studio .proyecto-top-bar{right:26px;} .design-studio .handle-preview-card{top:135px;right:20px;} }
@media(max-width:768px) {body.design-studio{height:auto;min-height:100vh;overflow:auto;} .design-studio header{height:auto;min-height:72px;padding:14px 16px;flex-wrap:wrap;gap:12px;} .design-studio .main-logo{height:28px;} .design-studio .actions{gap:8px;flex-wrap:wrap;} .design-studio #lang-selector{display:none!important;} .design-studio main{display:flex;flex-direction:column;padding:12px;gap:12px;overflow:visible;} .design-studio .sidebar{display:contents;} .design-studio .sidebar>.panel-section,.design-studio .results-box,.design-studio .sidebar>div[style*="margin-top"]{background:var(--panel-bg);padding:16px;border:1px solid var(--panel-border);border-radius:12px;margin:0;width:100%;} .design-studio .canvas-area{padding:135px 12px 16px;min-height:520px;height:65vh;order:4;} .design-studio #drawing-wrapper{height:100%;} .design-studio .proyecto-top-bar{top:56px;left:16px;right:16px;} .design-studio .proyecto-top-bar .row{flex-wrap:wrap;gap:8px!important;} .workspace-title{left:16px;} .design-studio .handle-preview-card{top:auto;bottom:16px;right:16px;} .tools-popover{width:220px;} }
@media(prefers-reduced-motion:reduce){.design-studio *, .design-studio *::before, .design-studio *::after{animation:none!important;transition:none!important;}}
}
@media print {.brand-caption,.workspace-title,.tools-menu{display:none!important;}}