html,body,#root{background:#fff;width:100%;height:100%;margin:0;overflow:hidden}:root{--panel-width:264px;--panel-width-mobile:230px;--ink:#111318;--muted:#5f6672;--line:#0000001c;--soft-line:#12182614;--panel-bg:#ffffffdb;--card-bg:#ffffffc7;--active:#20242b}html,body,#root{background:#fff;width:100%;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Arial,sans-serif;overflow:hidden}*{box-sizing:border-box}button,input,select{font-family:inherit}button{-webkit-tap-highlight-color:transparent}.page{width:100vw;height:100vh;color:var(--ink);background:linear-gradient(135deg,#fff 0%,#fbfbfb 45%,#f4f4f4 100%);position:relative;overflow:hidden}.modern-registry-page{background:linear-gradient(135deg,#fff 0%,#fbfbfb 45%,#f4f4f4 100%)}.brand{z-index:12;color:#111;pointer-events:none;position:fixed;top:18px;left:8px}.brand h1{letter-spacing:.02em;margin:0;font-size:24px;font-weight:900}.brand p{color:var(--muted);margin:4px 0 0;font-size:12px}.view-tabs{z-index:12;gap:8px;display:flex;position:fixed;top:18px;right:22px}.view-tab{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffffbf;border-radius:10px;padding:9px 12px;box-shadow:0 1px 5px #0000000b}.view-tab strong{font-size:12px;line-height:1.1;display:block}.view-tab span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.view-tab.active{background:var(--active);color:#fff}.view-tab.active span{color:#ffffffc7}.control-panel{width:var(--panel-width);background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);z-index:10;border-right:1px solid #0000001a;padding:92px 12px 28px;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;box-shadow:2px 0 18px #00000009}.section{margin-bottom:18px}.section h2{letter-spacing:.25px;text-transform:uppercase;color:#15171c;margin:0 0 8px;font-size:13px;font-weight:900;line-height:1.1}.section label{color:#20242b;cursor:pointer;align-items:center;gap:8px;min-height:28px;font-size:14px;font-weight:650;display:flex}.section input[type=checkbox]{width:16px;height:16px;accent-color:var(--active)}.section input[type=range]{accent-color:var(--active)}.sub-options{border-left:1px solid var(--soft-line);max-height:190px;margin:8px 0 2px 20px;padding-left:10px;overflow-y:auto}.reset-button,.close-subject{color:#111;cursor:pointer;background:linear-gradient(#fff,#f2f2f2);border:1px solid #0000001f;border-radius:7px;height:38px;font-size:14px;font-weight:850;box-shadow:0 1px 2px #0000000d}.reset-button{width:100%;margin-bottom:10px}canvas{outline:none;display:block}.multi-view-panel{background:linear-gradient(135deg,#fff 0%,#fbfbfb 45%,#f4f4f4 100%);grid-template-columns:repeat(3,minmax(220px,1fr));grid-auto-rows:minmax(180px,1fr);gap:14px;padding:22px;display:grid;position:absolute;inset:0}.mini-view{background:#ffffffc2;border:1px solid #0000001a;border-radius:12px;min-height:180px;position:relative;overflow:hidden;box-shadow:0 8px 22px #0000000a}.mini-label{z-index:2;color:#111;letter-spacing:.02em;pointer-events:none;background:#ffffffbd;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:800;position:absolute;top:10px;left:12px}.individual-grid{background:linear-gradient(135deg,#fff 0%,#fbfbfb 45%,#f4f4f4 100%);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-content:start;gap:16px;padding:28px;display:grid;position:absolute;inset:0}.subject-card{color:#111;cursor:pointer;background:#ffffffc7;border:1px solid #0000001c;border-radius:14px;padding:0;transition:transform .14s,box-shadow .14s,border-color .14s;overflow:hidden;box-shadow:0 8px 22px #0000000a}.subject-card:hover{border-color:#0003;transform:translateY(-2px);box-shadow:0 12px 28px #00000012}.subject-preview{background:radial-gradient(circle at 50% 45%,#c8d2dc66,#0000 48%),#fff;height:160px;position:relative}.lightweight-preview{justify-content:center;align-items:center;display:flex}.lightweight-preview span{color:#fff;letter-spacing:.03em;background:#20242b;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:25px;font-weight:900;display:inline-flex}.subject-title{text-align:left;color:#15171c;padding:12px 14px 14px;font-size:14px;font-weight:850}.individual-expanded{background:linear-gradient(135deg,#fff 0%,#fbfbfb 45%,#f4f4f4 100%);position:absolute;inset:0}.individual-expanded h2{z-index:2;color:#111;margin:0;font-size:20px;font-weight:900;position:absolute;top:18px;left:22px}.individual-expanded .close-subject{z-index:2;padding:0 13px;position:absolute;top:16px;right:18px}.control-panel::-webkit-scrollbar{width:9px}.sub-options::-webkit-scrollbar{width:9px}aside::-webkit-scrollbar{width:9px}div::-webkit-scrollbar{width:9px}.control-panel::-webkit-scrollbar-track{background:0 0}.sub-options::-webkit-scrollbar-track{background:0 0}aside::-webkit-scrollbar-track{background:0 0}div::-webkit-scrollbar-track{background:0 0}.control-panel::-webkit-scrollbar-thumb{background:#00000029 padding-box content-box;border:2px solid #0000;border-radius:999px}.sub-options::-webkit-scrollbar-thumb{background:#00000029 padding-box content-box;border:2px solid #0000;border-radius:999px}aside::-webkit-scrollbar-thumb{background:#00000029 padding-box content-box;border:2px solid #0000;border-radius:999px}div::-webkit-scrollbar-thumb{background:#00000029 padding-box content-box;border:2px solid #0000;border-radius:999px}.control-panel::-webkit-scrollbar-thumb:hover{background:#00000040 padding-box content-box;border:2px solid #0000}.sub-options::-webkit-scrollbar-thumb:hover{background:#00000040 padding-box content-box;border:2px solid #0000}aside::-webkit-scrollbar-thumb:hover{background:#00000040 padding-box content-box;border:2px solid #0000}div::-webkit-scrollbar-thumb:hover{background:#00000040 padding-box content-box;border:2px solid #0000}select{appearance:auto}input[type=range]{cursor:pointer;height:18px}input[type=range]::-webkit-slider-runnable-track{background:#20242b24;border-radius:999px;height:5px}input[type=range]::-webkit-slider-thumb{margin-top:-6px}@media (width<=700px){:root{--panel-width:var(--panel-width-mobile)}.control-panel{width:var(--panel-width-mobile);padding:82px 10px 24px}.brand{top:14px;left:14px}.brand h1{font-size:19px}.brand p,.view-tabs{display:none}.multi-view-panel{grid-template-columns:1fr;grid-auto-rows:220px;padding:12px;overflow-y:auto}.individual-grid{grid-template-columns:1fr;padding:14px;overflow-y:auto}}.multi-view-panel-borderless{gap:0;padding:0}.mini-view-borderless{box-shadow:none;background:0 0;border:0;border-radius:0}@media (width<=700px){.modern-registry-page aside section{flex:0 0 170px;margin-bottom:0!important}.modern-registry-page aside section h2{margin-bottom:4px!important;font-size:10px!important}.modern-registry-page aside select{height:30px!important;font-size:12px!important}.modern-registry-page aside label{min-height:24px!important;font-size:12px!important}.modern-registry-page aside .reset-button{height:30px}.multi-view-panel{grid-template-columns:1fr;grid-auto-rows:190px;gap:0;padding:0}.mini-view{min-height:190px}.individual-grid{grid-template-columns:1fr;padding:10px;overflow-y:auto}.subject-preview{height:130px}}