.console{font-size:14px}.console h1,.console h2,.console h3{font-family:system-ui,sans-serif;letter-spacing:-.035em}.console h1{font-size:35px}.console h2{font-size:22px}.console h3{font-size:16px}.console-sidebar{position:fixed;inset:0 auto 0 0;width:244px;padding:28px 22px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column}.console-sidebar .brand{font-size:21px}.sidebar-label{font-size:9px;color:var(--muted);letter-spacing:.16em;margin:45px 10px 13px}.console-sidebar nav{display:grid;gap:6px}.console-sidebar nav a{display:flex;gap:13px;align-items:center;padding:13px 12px;color:var(--muted);font-size:12px;border-radius:10px}.console-sidebar nav a span{font-size:18px;width:20px;text-align:center}.console-sidebar nav a.active{background:var(--soft);color:var(--text);font-weight:750}.console-sidebar nav a.active span{color:var(--accent)}.sidebar-bottom{margin-top:auto;display:grid;gap:16px;padding:22px 10px 0;font-size:11px;color:var(--muted)}.sidebar-bottom button{color:var(--muted);background:none;text-align:left;padding:0;font-size:11px}.console-main{margin-left:244px;max-width:1550px;padding:35px 42px}.console-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.console-top .eyebrow{margin-bottom:10px}.console .button{font-size:12px;padding:12px 17px;min-height:42px}.console .secondary{background:var(--panel);color:var(--text);border:1px solid var(--line)}.product-banner{border:1px solid var(--line);border-radius:10px;padding:13px 17px;font-size:11px;background:var(--panel);margin-bottom:25px}.product-banner>span:last-child{color:var(--muted);margin-left:14px}.console-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.console-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:22px;min-width:0}.console-panel>p{font-size:12px;margin:9px 0 22px;line-height:1.8}.console form{display:grid;gap:17px}.console label{display:grid;gap:7px;font-size:11px;font-weight:650}.console input,.console select{width:100%;min-height:43px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px 12px;font:13px system-ui,sans-serif}.console input:focus-visible,.console select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.console input[type=color]{padding:5px;max-width:100px}.console input[type=file]{font-size:11px}.console input[type=checkbox]{width:17px;height:17px;min-height:0;accent-color:var(--accent)}.console label.check{display:flex;align-items:center;gap:9px;font-weight:500}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.form-actions small{font-size:10px;color:var(--muted)}.console .muted,.console small{color:var(--muted);font-size:11px}.callout{border:1px solid var(--line);border-radius:10px;background:var(--soft);padding:14px;font-size:12px;line-height:1.8;margin:17px 0;overflow-wrap:anywhere}.preview-toolbar{display:flex;gap:8px;align-items:center;margin:18px 0}.preview-toolbar button{font-size:11px;border:1px solid var(--line);border-radius:7px;padding:8px 12px;background:var(--bg);color:var(--text)}.preview-frame{display:block;background:var(--bg);width:100%;height:650px;border:1px solid var(--line);border-radius:12px;margin:auto}.preview-frame.mobile{max-width:375px}.preview-panel{position:sticky;top:25px}.logo-thumb{width:68px;height:68px;object-fit:contain;border:1px solid var(--line);padding:8px;border-radius:12px;background:var(--bg);margin:18px 0}.section-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.pack-manager{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:17px;margin-bottom:23px}.managed-pack{border:1px solid var(--line);border-radius:14px;padding:21px;background:var(--panel)}.managed-pack.inactive{opacity:.7}.managed-pack .tag{display:inline-block;font-size:9px;padding:3px 8px;border-radius:20px;background:var(--soft);color:var(--muted);margin-bottom:15px}.managed-pack h2{font-size:29px;letter-spacing:-1px}.managed-pack p{font-size:11px;margin:8px 0}.managed-pack strong{display:block;font-size:20px;margin:17px 0}.managed-pack .button{width:100%}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;white-space:nowrap}td.code{font-family:monospace;max-width:230px;overflow-wrap:anywhere}.status-grid{display:flex;gap:12px;flex-wrap:wrap;margin:17px 0}.status-grid span{padding:8px 12px;background:var(--soft);border-radius:8px;font-size:11px}.console pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;padding:14px;background:var(--soft);border-radius:8px}.login-wrap{max-width:460px;padding:60px 22px}.login-wrap>.brand{justify-content:center;margin-bottom:30px}.login-wrap .console-panel{padding:30px}.login-wrap h1{font-size:33px}.login-wrap .eyebrow{font-size:9px}.subtle-link{display:block;margin-top:23px;color:var(--muted);font-size:11px}.console [hidden]{display:none!important}#notice{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100% - 30px);background:var(--text);color:var(--bg);padding:13px 20px;border-radius:10px;font-size:12px;box-shadow:0 10px 40px #0002;display:none}#notice.visible{display:block}#notice.error{background:#9c2637;color:#fff}.console button:disabled{opacity:.6;cursor:wait}.form-error{color:#b83d43;font-size:12px}.console .empty{padding:25px;text-align:center;color:var(--muted)}
@media(max-width:1150px){.console-main{padding:30px 25px}.console-grid{grid-template-columns:1fr}.preview-panel{position:static}.preview-frame{height:580px}.product-banner>span:last-child{display:block;margin-left:0;margin-top:6px}}
@media(max-width:720px){.console-sidebar{position:static;width:auto;padding:20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar-label{display:none}.console-sidebar nav{display:flex;gap:4px;overflow:auto;margin-top:18px}.console-sidebar nav a{white-space:nowrap;padding:10px;font-size:10px}.console-sidebar nav a span{display:none}.sidebar-bottom{display:flex;flex-wrap:wrap;gap:18px;margin:16px 0 0;padding:0}.console-main{margin:0;padding:24px 18px}.console h1{font-size:29px}.console-top>.button{font-size:10px;padding:9px 12px}.console-panel{padding:20px}.field-grid{gap:12px}.console-grid{gap:0}.product-banner{font-size:10px}.pack-manager{grid-template-columns:1fr 1fr;gap:12px}.managed-pack{padding:17px}.managed-pack h2{font-size:25px}.managed-pack .button{font-size:10px}.preview-frame{height:540px}}
@media(max-width:370px){.field-grid,.pack-manager{grid-template-columns:1fr}}