/* DigiSky Studio: graphite surfaces, compact controls, clear panel hierarchy. */
:root{color-scheme:dark;--accent:#54b7ff;--sky:#54b7ff;--ink:#e1e5ec;--muted:#9ba4b1;--canvas:#191b1e;--line:#3a3e44;--soft:#24384b;--danger:#ff9b96;font-family:"Segoe UI",Arial,sans-serif;font-size:13px}
body{background:#191b1e}button{min-height:32px;border-radius:4px;background:#35393f;border-color:#484d55;padding:6px 12px;font-size:12px;box-shadow:0 1px 0 #ffffff06 inset}button:hover{background:#444b55;border-color:#697482}button:disabled{opacity:.42}.primary{background:#176399;border-color:#3285be;color:#fff}.primary:hover{background:#217bb6}.icon-button{border-radius:4px;background:transparent}a{color:#76c4ff}h1{font-size:24px;font-weight:600;letter-spacing:-.5px}h2{font-size:15px;font-weight:600}h3{font-size:14px;font-weight:600}svg{width:18px;height:18px}.app-header{height:54px;padding:0 20px;gap:24px;background:#23262a;border-bottom:1px solid #090b0e;box-shadow:0 1px 0 #383c43;z-index:20}.brand img{width:125px;height:29px}.brand span{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#b4bcc7;border-color:#4a5058;padding-left:14px}.header-actions{gap:5px}.avatar{width:30px;height:30px;background:#244565;color:#a8d8ff;border-radius:5px}#context{color:#969faa;font-size:12px}#shell{min-height:calc(100vh - 54px)}#sidebar{width:205px;background:#222529;border-right:1px solid #080a0d;padding:14px 8px;top:54px;height:calc(100vh - 54px)}.nav-item{padding:10px 12px;border-radius:4px;gap:10px;color:#b8c0ca;margin-bottom:3px}.nav-item:hover{background:#30353b}.nav-item.active{background:#263c4e;color:#8ad0ff;box-shadow:3px 0 0 #54b7ff inset}.nav-label{font-size:10px;letter-spacing:1.4px;color:#7e8897;padding:20px 12px 9px}#main{background:#1c1f23;border-radius:0;margin:0;padding:24px 26px;border-top:1px solid #373b42}#sidebar:empty+#main{max-width:1300px;background:transparent}.page-head{margin-bottom:20px}.page-head p{font-size:12px}.search{height:34px;border-radius:4px;background:#171a1e;border:1px solid #424852;padding:0 10px;gap:8px}.search input{color:#e1e5ec}.toolbar{margin:16px 0;gap:8px}.toolbar select,.field input,.field select,.field textarea{background:#191c20;color:#e1e5ec;border:1px solid #484f59;border-radius:4px;padding:9px 10px;min-height:36px}.field{color:#b9c2ce;margin-bottom:15px;font-size:12px;gap:7px}.field textarea{line-height:1.6}.field input:disabled,.field textarea:disabled{background:#25282d;color:#818c9a}input::placeholder,textarea::placeholder{color:#77818f}.form-grid{gap:0 18px}.app-card,.project-card,.panel{background:#292d32;border:1px solid #434952;border-radius:6px}.app-card{padding:20px;min-height:170px}.app-card:hover{background:#303740;border-color:#5a88a9;box-shadow:0 8px 24px #0003}.app-icon{background:#263e50;color:#79c7ff;width:40px;height:40px;border-radius:5px}.app-card strong{font-weight:600}.welcome{background:linear-gradient(120deg,#273641,#252a31);border:1px solid #425464;border-left:3px solid #54b7ff;border-radius:6px;padding:24px;margin-bottom:24px}.welcome h1{font-size:28px}.welcome p{color:#a9b9c8}.welcome-mark{background:#253f54;border:1px solid #486478;border-radius:8px;color:#76c4ff;width:64px;height:64px}.badge{background:#383e47;color:#bbc6d4;border-radius:3px;padding:4px 7px;font-size:10px}.badge.blue{background:#253f56;color:#8bd2ff}.badge.green{background:#243d34;color:#8ddbb7}.badge.orange{background:#493b25;color:#edc17e}.table-wrap{border-radius:5px}th{background:#30343a;color:#aeb9c6;padding:11px 14px}td{padding:12px 14px}tr:hover td{background:#2d333a}.panel{padding:22px}.note{background:#263440;color:#bdd1e2;border:1px solid #394e60;border-radius:4px;padding:11px 14px;font-size:12px}.note.warning{background:#353026;color:#d6bd89;border-color:#514632}.project-top,.project-card>button.project-top{background:linear-gradient(145deg,#303840,#242a31);color:#7d9eb8;min-height:110px}.project-info{padding:16px}.project-info h3{font-size:15px}.breadcrumbs{font-size:11px;margin-bottom:18px;color:#8f9baa}.master-card{background:#252d35;border:1px dashed #4b5b6c;border-radius:5px;padding:18px}.input-grid{gap:12px}.input-column{padding:0 14px 14px;background:#292d32;border:1px solid #454b54;border-radius:5px;box-shadow:0 3px 12px #0002}.input-column h2{background:#343941;border-bottom:1px solid #484e57;margin:0 -14px 15px;padding:12px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.7px}.reference-card{border-color:#464d57;border-radius:4px;background:#24282d;padding:6px}.reference-card img{border-radius:3px;background:#191c20}.reference-card small{color:#94a2b1}.upload-button{background:#222d37;border:1px dashed #4b6a83;border-radius:4px;color:#8ccfff;padding:12px}.dropzone{background:#24282e;border-color:#495565;border-radius:4px}.stepbar{background:#25292e;border:1px solid #3d444e;padding:12px 14px;border-radius:4px;gap:24px;color:#818c9a;font-size:11px}.stepbar .current{color:#93d4ff}.compare-grid{gap:10px}.compare-panel{background:#292d32;border:1px solid #4b515a;border-radius:5px;box-shadow:0 3px 10px #0004}.compare-panel.selected{border:1px solid #71c5ff;box-shadow:0 0 0 1px #71c5ff}.compare-panel header{background:#343940;border-bottom:1px solid #171a1d;min-height:40px;padding:7px 12px;font-size:12px}.compare-panel footer{background:#292d32;border-top:1px solid #434a54;padding:8px 10px;min-height:46px;font-size:11px}.pan-viewport{height:360px;background-color:#15181b;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:24px 24px}.pan-viewport img{padding:10px}.pan-viewport.empty{color:#74808d}.pan-viewport.image-error{background:#3c2528}.job-row{background:#272c32;border-color:#424b56;border-radius:5px;padding:13px}.job-row strong{font-size:12px}.job-row small{color:#8696a8}.job-row p{font-size:12px}.settings-tabs{border-color:#454b54;gap:3px;padding-bottom:0}.settings-tabs a{color:#b2bcc8;border-radius:4px 4px 0 0;padding:11px 16px;background:#252a30}.settings-tabs .active{background:#303d49;color:#87cfff;border-bottom:2px solid #54b7ff}.audit-detail{background:#191e24;color:#bed0e4;border-radius:4px}dialog{background:#292e35;color:#e1e5ec;border:1px solid #5a6471;border-radius:7px;padding:24px;box-shadow:0 24px 100px #000a}dialog::backdrop{background:#06090dbb}.dialog-head{border-bottom:1px solid #434c58;padding-bottom:15px;margin-bottom:20px}.dialog-head h2{font-size:20px}.dialog-actions{border-top:1px solid #424953;margin-top:16px}.help-layout nav button{border-radius:4px}.search-result{border-radius:4px}.empty>svg{color:#68839b}.dirty{color:#e4bf79}#toast{background:#354455;border:1px solid #71859d;border-radius:5px;font-size:12px;box-shadow:0 8px 30px #0006}.notification-dot{background:#54b7ff;color:#081522;border-radius:3px;padding:2px 6px;font-size:11px}.recovery-shell{max-width:480px;margin:8vh auto;padding:30px;background:#292d32;border:1px solid #48515d;border-top:3px solid #54b7ff;border-radius:8px}.recovery-shell img{width:160px;margin-bottom:30px}.recovery-shell h1{font-size:26px}.recovery-shell button{width:100%;margin-top:10px}.trap-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media(min-width:1450px){#main{padding:24px 32px}.pan-viewport{height:410px}}@media(max-width:700px){.app-header{height:54px;padding:0 12px}.brand img{width:105px}.brand span{display:none}#sidebar{height:auto;width:auto;position:static;padding:8px}#main{padding:18px 12px;margin:0}.stepbar{gap:12px;flex-wrap:wrap}.compare-grid{grid-template-columns:1fr}.pan-viewport{height:280px}.recovery-shell{margin:24px 12px;padding:24px}.welcome{padding:20px}}