.public-layout{min-height:100vh;display:flex;flex-direction:column}.public-header{background:#fff;border-bottom:1px solid #e5e7eb}.public-header-inner{width:100%;margin:0;padding:.875rem 1.5rem;display:flex;align-items:center;gap:1.5rem}.public-brand{flex:0 0 auto;font-size:1.25rem;font-weight:700;color:#111;text-decoration:none}.public-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;flex:1 1 auto;min-width:0;justify-content:flex-start}.public-nav-link{color:#555;text-decoration:none;font-size:.95rem}.public-nav-link:hover,.public-nav-link.active{color:#111}.public-nav-dropdown{position:relative}.public-nav-dropdown-label{cursor:default}.public-nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:10rem;padding:.35rem 0;margin-top:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 4px 12px #00000014;z-index:20}.public-nav-dropdown-menu:before{content:"";position:absolute;top:-.25rem;left:0;right:0;height:.25rem}.public-nav-dropdown:hover .public-nav-dropdown-menu,.public-nav-dropdown:focus-within .public-nav-dropdown-menu{display:flex;flex-direction:column}.public-nav-dropdown-link{display:block;padding:.45rem .85rem;color:#555;text-decoration:none;font-size:.9rem;white-space:nowrap}.public-nav-dropdown-link:hover,.public-nav-dropdown-link.active{color:#111;background:#f5f5f5}.public-auth{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:.75rem}.public-auth-link{color:#111;text-decoration:none;font-weight:600;font-size:.95rem}.public-auth-primary{padding:.35rem .75rem;border-radius:.375rem;background:#111;color:#fff}.public-main{flex:1}.public-footer{padding:1.25rem 1.5rem;text-align:center;color:#777;font-size:.875rem;background:#fff;border-top:1px solid #e5e7eb}.login-page{display:flex;justify-content:center;padding:3rem 1.5rem}.login-form{width:100%;max-width:20rem;display:flex;flex-direction:column;gap:1rem}.login-form h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.login-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#333}.login-field input{padding:.55rem .65rem;border:1px solid #ccc;border-radius:.25rem;font:inherit;background:#fff}.login-field input:focus{outline:1px solid #111;border-color:#111}.login-form button{margin-top:.25rem;padding:.6rem .75rem;border:1px solid #111;border-radius:.25rem;background:#111;color:#fff;font:inherit;font-weight:600;cursor:pointer}.login-form button:hover{background:#333;border-color:#333}.login-error{margin:0;font-size:.875rem;color:#b00020}.login-form button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin:0;font-size:.875rem;color:#555}.login-footer a{color:#111}.page.color-picker-page{max-width:none;width:fit-content;margin-left:auto;margin-right:auto;padding-top:2rem;padding-bottom:2rem}.color-picker-panel{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 16px #0000000f;padding:1.5rem 1.75rem 1.75rem}.color-picker-sections{display:grid;grid-template-columns:auto auto minmax(16rem,20rem);grid-template-rows:auto auto auto auto;column-gap:1.5rem;row-gap:.5rem;align-items:start;margin-top:1.5rem}.color-picker-intro{grid-column:1;grid-row:1 / span 2;max-width:18rem;display:flex;flex-direction:column;gap:.5rem;align-self:end;font-size:.9rem;line-height:1.4;color:#555}.color-picker-intro-lead{margin:0;color:#333}.color-picker-intro p{margin:0}.color-picker-scheme{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#333}.color-picker-scheme-label{font-weight:600}.color-picker-scheme select{padding:.4rem .5rem;border:1px solid #ccc;border-radius:.25rem;font:inherit;background:#fff;min-width:16rem;max-width:22rem}.color-picker-scheme-description{margin:0;max-width:22rem;font-size:.8rem;line-height:1.35;color:#666}.color-picker-harmony-explains{grid-column:2;grid-row:2;display:grid;column-gap:.75rem;align-items:start;justify-content:start}.color-picker-palette{grid-column:1;grid-row:3}.color-picker-harmony-shades{grid-column:2;grid-row:3;display:grid;column-gap:.75rem;align-items:start;justify-content:start}.color-picker-preview-controls{grid-column:3;grid-row:1 / span 2;display:flex;flex-direction:column;gap:.4rem;align-self:end}.color-picker-preview-label{font-size:.9rem;font-weight:600;color:#111}.color-picker-preview-hint{margin:0;font-size:.75rem;line-height:1.3;color:#666}.color-picker-role-picks{display:flex;flex-direction:column;gap:.35rem}.color-picker-role-pick{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:#333}.color-picker-role-pick select{padding:.3rem .4rem;border:1px solid #ccc;border-radius:.25rem;font:inherit;font-size:.8rem;background:#fff}.color-picker-preview{grid-column:3;grid-row:3;display:flex;flex-direction:column;gap:.75rem;width:100%;min-width:16rem;padding:0;border:1px solid;border-radius:.375rem;overflow:hidden;box-sizing:border-box}.cp-preview-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .65rem;font-size:.85rem;font-weight:700}.cp-preview-menu{display:flex;flex-wrap:wrap;gap:.2rem;font-weight:500}.cp-preview-menu-item{padding:.2rem .45rem;border-radius:.25rem;text-decoration:none;font-size:.75rem}.cp-preview-menu-item:hover{background:var(--cp-menu-hover)}.cp-preview-card{margin:0 .65rem .65rem;padding:.65rem;border:1px solid;border-radius:.35rem;display:flex;flex-direction:column;gap:.55rem;flex:1;min-height:0;overflow:auto}.cp-preview-title{margin:0;font-size:1rem;font-weight:650}.cp-preview-body{margin:0;font-size:.8rem;line-height:1.35}.cp-preview-link{font-weight:600}.cp-preview-actions{display:flex;flex-wrap:wrap;gap:.4rem}.cp-preview-btn{padding:.35rem .7rem;border:1px solid;border-radius:.3rem;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.cp-preview-btn--ghost{background:transparent}.cp-preview-field{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem}.cp-preview-input{padding:.35rem .5rem;border:1px solid;border-radius:.25rem;font:inherit;font-size:.8rem;background:#fff}.cp-preview-input:focus{outline:2px solid var(--cp-focus);outline-offset:1px}.cp-preview-badge{align-self:flex-start;padding:.15rem .45rem;border-radius:999px;font-size:.7rem;font-weight:700}.color-picker-harmony-explain{display:flex;flex-direction:column;gap:.15rem;min-height:3.5rem;font-size:.75rem;line-height:1.25;color:#333}.color-picker-harmony-role{font-weight:700;color:#111}.color-picker-harmony-hue{color:#555}.color-picker-harmony-hex{font-family:ui-monospace,Consolas,monospace;font-size:.7rem;color:#666}.color-picker-grid{display:grid;width:fit-content;border:1px solid #ccc}.color-picker-swatch{padding:0;border:none;cursor:pointer;display:block}.color-picker-swatch:hover{outline:1px solid #111;outline-offset:-1px;z-index:1;position:relative}.color-picker-swatch--selected{outline:2px solid #111;outline-offset:-2px;z-index:2;position:relative}.color-picker-shades{display:flex;flex-direction:column;width:5.5rem;border:1px solid #ccc;overflow:hidden}.color-picker-shade{flex:1;min-height:0;width:100%;margin:0;padding:0;border:none;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,Consolas,monospace;font-size:.65rem;line-height:1;cursor:pointer;-webkit-user-select:all;user-select:all}.color-picker-shade--selected{outline:2px solid #111;outline-offset:-2px;z-index:1;position:relative;font-weight:700}.color-picker-export{grid-column:1 / -1;grid-row:4;margin-top:.75rem;padding:.85rem 1rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff;display:flex;flex-direction:column;gap:.65rem}.color-picker-export-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1.25rem}.color-picker-export-title{display:block;font-size:.95rem;font-weight:650;color:#111}.color-picker-export-hint{margin:.2rem 0 0;font-size:.8rem;color:#666}.color-picker-export-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem}.color-picker-export-format{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#333}.color-picker-export-format select{padding:.35rem .5rem;border:1px solid #ccc;border-radius:.25rem;font:inherit;font-size:.85rem;background:#fff;min-width:14rem}.color-picker-export-copy{padding:.4rem .75rem;border:1px solid #111;border-radius:.25rem;background:#111;color:#fff;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.color-picker-export-copy:hover{background:#333;border-color:#333}.color-picker-export-code{margin:0;padding:.75rem .85rem;border:1px solid #e5e7eb;border-radius:.3rem;background:#f6f7f9;overflow:auto;max-height:16rem;font-family:ui-monospace,Consolas,monospace;font-size:.8rem;line-height:1.45;color:#222}.color-picker-export-code code{font:inherit;white-space:pre}:root{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1a1a1a;background-color:#f6f7f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.page{max-width:40rem;margin:0 auto;padding:3rem 1.5rem}h1{margin:0 0 .5rem;font-size:2rem;font-weight:600}p{margin:0;color:#555}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#555}