body{margin:0}[hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4895dc;outline-offset:3px}.login-page .login-scene{background-image:url('/assets/front-door-solid.png')}.login-page .login-subtitle{white-space:normal;max-width:290px}.login-page .login-entry{position:relative}.preview-link{align-self:end;margin:32px 0 0;border:0;color:#08294b;background:#fff9edeb;padding:9px 14px;border-radius:5px;font-size:12px}#auth-message{background:#fff9ee;color:#08294b;padding:14px 20px;max-width:470px;text-align:center;border-radius:12px;line-height:1.5}.login-page .login-status{max-width:80%;bottom:13%;line-height:1.4}
.hub-page{font-family:Aptos,Inter,ui-sans-serif,system-ui,sans-serif;background:#f4f6f9;color:#153453}.hub-page *{box-sizing:border-box}.hub-header{background:#153453;border-bottom:4px solid #4895dc;color:white;display:flex;align-items:center;gap:15px;padding:19px 30px;position:sticky;top:0;z-index:20;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{width:48px;height:48px;object-fit:contain}.brand strong{font-size:19px;display:block}.brand small{color:#b5d2d7;display:block;margin-top:0;font-size:14px}.hub-header nav{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex:1}.hub-header nav button{font-size:16px;font-weight:600;padding:10px 14px;background:#2a5a8e;border:1px solid #4271a5;color:white;border-radius:9px}.hub-header nav button:hover{background:#3678b4}.hub-header nav button[aria-current=page]{background:white;color:#153453}.account-area{position:relative;margin-left:auto}#account{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:3px;border:0;background:transparent;border-radius:50%}.avatar{width:36px;height:36px;position:relative;display:grid;place-items:center;overflow:hidden;background:#dce9f7;color:#153453;border-radius:50%;font-size:12px;font-weight:700;box-shadow:0 0 0 2px #ffffff55}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.account-menu{position:absolute;right:0;top:calc(100% + 12px);width:280px;padding:7px;background:white;border:1px solid #d4e0e6;border-radius:12px;box-shadow:0 12px 32px #12354b26;color:#153453}.account-menu button{display:block;width:100%;padding:13px 12px;font-size:15px;font-weight:600;text-align:left;color:#15394a;border:0;border-radius:7px;background:white}.account-menu button:hover{background:#eaf2fa}.account-details{padding:12px;border-bottom:1px solid #e3e8f0;margin-bottom:5px;overflow-wrap:anywhere}.account-details strong,.account-details small{display:block}.account-details small{font-size:12px;color:#5b6e78;margin-top:4px}.hub-main{max-width:1460px;padding:42px 30px 50px;margin:auto;min-height:calc(100vh - 180px)}.content-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:#647786}.content-top time{font-size:13px;color:#5b6e78}.hub-main h1{font-size:34px;letter-spacing:-.035em;line-height:1.2;margin:5px 0 8px}.intro{font-size:16px;color:#5b6e78;line-height:1.6;margin:0 0 30px}.studio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.studio-card{display:flex;flex-direction:column;border:1px solid #e3e8f0;border-radius:15px;background:white;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 3px 16px #1534530a;transition:transform .2s,box-shadow .2s}.studio-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #15345315}.studio-art{height:112px;display:flex;align-items:center;justify-content:center;background:linear-gradient(125deg,#f2ecdd,#f9f6ee);position:relative;overflow:hidden}.studio-card:nth-child(2) .studio-art{background:linear-gradient(125deg,#e6eef1,#f1f6f7)}.studio-art:before,.studio-art:after{content:'';position:absolute;width:126px;height:170px;border:1px solid #b5a57855;border-radius:90px 90px 0 0;top:18px;left:calc(50% - 63px)}.studio-art:after{width:154px;left:calc(50% - 77px);top:4px}.studio-art svg{width:42px;height:42px;z-index:1;color:#153453}.card-content{padding:21px;display:flex;flex-direction:column;flex:1}.card-label{font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#8c794c}.card-content h2{font-size:22px;letter-spacing:-.03em;margin:11px 0}.card-content p{font-size:13px;line-height:1.6;color:#5b6e78;margin:0 0 20px}.card-open{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;margin-top:auto}.card-open span:last-child{display:grid;place-items:center;background:#eef3f8;border-radius:50%;width:28px;height:28px;font-size:17px}.future{display:flex;align-items:center;gap:18px;margin-top:20px;padding:20px 24px;border:1px dashed #cbd5df;border-radius:15px}.future-mark{font-size:25px;color:#9c8c63}.future h2{font-size:15px;margin:0 0 5px}.future p{font-size:13px;color:#6c7c88;margin:0}.tools-section{margin-top:44px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading h2{font-size:22px;margin:6px 0 0}.section-heading p{color:#5b6e78;font-size:14px;margin:8px 0}.section-note{font-size:12px;color:#6c7c88}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tool-card{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #e3e8f0;border-radius:13px;text-decoration:none;color:#153453;background:white;box-shadow:0 3px 16px #15345308;transition:transform .2s}.tool-card:hover{transform:translateY(-2px);border-color:#b8ccdf}.tool-icon{flex-shrink:0;border-radius:12px;width:43px;height:43px;display:grid;place-items:center;color:white;font-size:16px;font-weight:700}.tool-info{min-width:0}.tool-info h3{font-size:15px;margin:0 0 5px}.tool-info p{font-size:11px;line-height:1.4;margin:0;color:#6c7c88}.tool-arrow{margin-left:auto;color:#8196a6}.hub-footer{max-width:1460px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 30px;margin:auto;border-top:1px solid #dfe6ed;color:#788894;font-size:11px}.hub-footer button{border:0;background:none;padding:0;color:#526e83;text-decoration:underline;font-size:11px}.preview-notice{padding:12px 16px;background:#fff1d8;border-radius:8px;font-size:12px}.empty{padding:22px;background:#fff;border:1px dashed #cbd5df;border-radius:12px;color:#5b6e78}.hub-page .primary,dialog .primary{background:#2a5a8e;color:#fff;border:1px solid #4271a5}.hub-page button:not(.hub-header button):not(.hub-footer button),.button,dialog button{font:inherit;border:1px solid #cdd9e5;border-radius:8px;padding:10px 14px;background:white;color:#153453;font-size:14px;font-weight:600;text-decoration:none}.hub-page button.primary,dialog button.primary,.button.primary{background:#2a5a8e;color:white;border-color:#4271a5}.admin-role{padding:6px 10px;border-radius:20px;background:#e1ecf7;color:#2a5a8e;font-size:11px;font-weight:700}.admin-tabs{display:flex;gap:8px;margin-bottom:24px}.admin-tabs button[aria-pressed=true]{background:#153453!important;color:white!important}.pane,.admin-row{background:white;border:1px solid #e3e8f0;border-radius:15px;padding:20px;box-shadow:0 3px 16px #1534530a;margin-bottom:12px}.pane h2{font-size:18px;margin:0 0 12px}.pane p{font-size:14px;line-height:1.6;color:#5b6e78}.actions{display:flex;gap:10px;flex-wrap:wrap}.admin-row{display:flex;gap:15px;align-items:center;justify-content:space-between}.admin-row .row-info{flex:1;min-width:0}.row-info strong{display:block;font-size:15px}.row-info small{display:block;color:#5b6e78;margin-top:5px;overflow-wrap:anywhere}.row-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.muted{color:#6c7c88;font-size:12px!important;line-height:1.6}.audit-entry{border-bottom:1px solid #e3e8f0;padding:12px 0;font-size:14px}.audit-entry time{display:block;font-size:12px;color:#6c7c88;margin-top:4px}#admin-status:empty{display:none}#admin-status,#hub-error,#app-form-error{color:#92472a;font-size:14px;line-height:1.6}dialog{font-family:Aptos,Inter,ui-sans-serif,system-ui,sans-serif;color:#153453;border:1px solid #d4e0e6;border-radius:18px;padding:28px;width:min(560px,calc(100vw - 30px));max-height:90vh;box-sizing:border-box;box-shadow:0 24px 100px #08294b40}dialog::backdrop{background:#0b223b88;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-heading h2{margin:0;font-size:22px}.dialog-heading button{padding:3px 10px;border:0;font-size:25px}dialog p,dialog li{line-height:1.6;font-size:14px;color:#5b6e78}dialog label{display:block;font-size:13px;font-weight:600;margin:16px 0}dialog input,dialog select{font:inherit;width:100%;border:1px solid #cdd9e5;background:white;color:#153453;border-radius:7px;padding:10px;margin-top:7px;box-sizing:border-box}dialog input[type=color]{height:41px;padding:4px}dialog input[type=checkbox]{width:auto;margin:0 8px 0 0}dialog .check-label{display:flex;align-items:center;font-weight:400}dialog fieldset{border:1px solid #d4e0e6;border-radius:8px;max-height:190px;overflow:auto}dialog fieldset label{margin:10px 0}.form-row{display:grid;grid-template-columns:1fr 110px;gap:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.copy-row{display:flex;gap:8px;align-items:center}.copy-row input{margin-top:0}.copy-row{margin-top:8px}dialog a{color:#2a5a8e;font-size:14px}dialog li{margin-bottom:10px}@media(max-width:1100px){.studio-grid,.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.studio-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand strong{font-size:17px}.brand small{font-size:11px}.hub-main{padding:32px 24px}.hub-main h1{font-size:30px}.row-actions{max-width:160px}}@media(max-width:600px){.hub-header{padding:14px;gap:10px}.brand img{width:42px;height:42px}.hub-header nav{justify-content:flex-start;order:3;flex-basis:100%}.hub-header nav button{font-size:14px;padding:8px 12px}.hub-main{padding:26px 14px}.content-top{align-items:flex-start;gap:10px}.content-top time{font-size:11px;max-width:140px;text-align:right}.studio-grid,.tool-grid{grid-template-columns:1fr}.studio-art{height:110px}.card-content{padding:20px}.hub-footer{padding:20px 14px;flex-direction:column;gap:13px}.section-note{display:none}.admin-row{align-items:flex-start;flex-wrap:wrap}.row-actions{max-width:100%;justify-content:flex-start}.admin-tabs{gap:5px}.admin-tabs button{font-size:12px!important;padding:9px!important}dialog{padding:22px}.account-menu{width:265px}}@media(prefers-reduced-motion:reduce){.studio-card,.tool-card{transition:none}.studio-card:hover,.tool-card:hover{transform:none}}

.loading-page{background:#f4f6f9}

.loading{display:none}.loading-page .loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;font:14px Aptos,Inter,system-ui,sans-serif;color:#153453}.loading img{width:42px;height:42px;padding:5px;border-radius:10px;background:#153453}

.member-avatar{width:44px;height:44px;flex-shrink:0;font-size:13px;box-shadow:none}
