
#kdp-os{--kp-bg:light-dark(#f6f5f1,#15191f);--kp-panel:light-dark(#ffffff,#20262e);--kp-ink:light-dark(#202b35,#e8edf1);--kp-muted:light-dark(#65717c,#aab5bf);--kp-line:light-dark(#e1e4e4,#39424c);--kp-brand:light-dark(#284d4c,#a2d4c6);--kp-onbrand:light-dark(#ffffff,#142d28);--kp-soft:light-dark(#e9f1ec,#293c36);--kp-warn:light-dark(#795316,#f0ca87);--kp-warnbg:light-dark(#fbf1dc,#423625);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--kp-ink);background:var(--kp-bg);border:1px solid var(--kp-line);border-radius:16px;overflow:clip;min-height:740px;text-align:left}
#kdp-os *{box-sizing:border-box}#kdp-os button,#kdp-os input,#kdp-os textarea,#kdp-os select{font:inherit}#kdp-os button{cursor:default}#kdp-os h1,#kdp-os h2,#kdp-os h3,#kdp-os p{margin:0}#kdp-os h1{font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-.7px}#kdp-os h2{font-size:18px;line-height:1.35;font-weight:500}#kdp-os h3{font-size:15px;font-weight:500}#kdp-os a{color:var(--kp-brand)}#kdp-os [hidden]{display:none!important}
#kdp-os .kp-top{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--kp-line);padding:20px 112px 20px 22px;background:var(--kp-panel);min-height:80px}#kdp-os .kp-logo{width:36px;height:36px;background:var(--kp-brand);color:var(--kp-onbrand);border-radius:10px;display:grid;place-items:center;font-size:20px;flex-shrink:0}#kdp-os .kp-wordmark{font-size:16px;font-weight:500;letter-spacing:-.3px}#kdp-os .kp-sub{color:var(--kp-muted);font-size:12px}#kdp-os .kp-market{margin-left:auto;text-align:right;white-space:nowrap}#kdp-os .kp-shell{display:grid;grid-template-columns:178px minmax(0,1fr)}#kdp-os .kp-side{padding:22px 12px;border-right:1px solid var(--kp-line);background:var(--kp-panel)}#kdp-os .kp-label{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:var(--kp-muted);margin:0 10px 12px}#kdp-os .kp-nav{display:flex;flex-direction:column;gap:5px}#kdp-os .kp-nav button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 10px;background:transparent;color:var(--kp-muted);border:0;border-radius:7px}#kdp-os .kp-nav button[aria-current=page]{background:var(--kp-soft);color:var(--kp-brand);font-weight:500}#kdp-os .kp-sidefoot{margin-top:40px;border-top:1px solid var(--kp-line);padding:18px 10px 0;color:var(--kp-muted);font-size:12px}#kdp-os .kp-body{padding:26px;min-width:0}#kdp-os .kp-header{display:flex;gap:15px;justify-content:space-between;align-items:flex-start;margin-bottom:22px}#kdp-os .kp-header p{color:var(--kp-muted);margin-top:7px}#kdp-os .kp-btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid var(--kp-line);border-radius:8px;padding:9px 13px;background:var(--kp-panel);color:var(--kp-ink);text-decoration:none;white-space:normal;min-height:40px}#kdp-os .kp-btn.primary{background:var(--kp-brand);color:var(--kp-onbrand);border-color:var(--kp-brand)}#kdp-os .kp-btn:disabled{opacity:.55;cursor:not-allowed}#kdp-os .kp-demo{display:flex;align-items:center;gap:8px;color:var(--kp-muted);font-size:12px;margin-bottom:20px}#kdp-os .kp-demo:before{content:"";width:6px;height:6px;background:var(--kp-brand);border-radius:50%;flex-shrink:0}#kdp-os .kp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#kdp-os .kp-book{display:flex;flex-direction:column;gap:15px;background:var(--kp-panel);border:1px solid var(--kp-line);border-radius:12px;padding:16px;min-width:0}#kdp-os .kp-book-art{height:135px;border-radius:7px;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--kp-soft);color:var(--kp-brand)}#kdp-os .kp-book-art .kp-spine{width:67px;height:97px;border:1px solid currentColor;border-radius:2px 6px 6px 2px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:5px;padding:7px;box-shadow:5px 7px 0 color-mix(in srgb,var(--kp-brand) 9%,transparent);font-size:10px;letter-spacing:.4px}#kdp-os .kp-book-art .kp-spine:before{content:"";height:1px;width:18px;margin:0 auto 8px;background:currentColor}#kdp-os .kp-book h3{min-height:44px;overflow-wrap:anywhere}#kdp-os .kp-badge{display:inline-block;padding:3px 8px;border-radius:5px;font-size:11px;background:var(--kp-soft);color:var(--kp-brand);width:fit-content}#kdp-os .kp-muted{color:var(--kp-muted)}#kdp-os .kp-small{font-size:12px}#kdp-os .kp-book .kp-btn{margin-top:auto;width:100%}#kdp-os .kp-section{margin-top:25px}#kdp-os .kp-section h2{margin-bottom:12px}#kdp-os .kp-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--kp-line)}#kdp-os .kp-row:last-child{border-bottom:0}#kdp-os .kp-row>div{min-width:0}#kdp-os .kp-row p{font-size:12px;color:var(--kp-muted);margin-top:3px}#kdp-os .kp-box{background:var(--kp-panel);border:1px solid var(--kp-line);border-radius:12px;padding:20px}#kdp-os .kp-box h2{margin-bottom:14px}#kdp-os .kp-box p+p{margin-top:10px}#kdp-os .kp-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(200px,1fr);gap:16px}#kdp-os .kp-flow{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 24px}#kdp-os .kp-step{font-size:11px;color:var(--kp-muted);padding:5px 8px;border-bottom:2px solid var(--kp-line)}#kdp-os .kp-step.active{color:var(--kp-brand);border-color:var(--kp-brand)}#kdp-os .kp-tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--kp-line);margin-bottom:20px;padding-bottom:10px}#kdp-os .kp-tabs button{background:transparent;border:0;padding:7px 10px;color:var(--kp-muted);border-radius:6px}#kdp-os .kp-tabs button[aria-selected=true]{color:var(--kp-onbrand);background:var(--kp-brand)}#kdp-os .kp-field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px;min-width:0}#kdp-os .kp-field label{font-size:12px;color:var(--kp-muted)}#kdp-os input,#kdp-os textarea,#kdp-os select{width:100%;min-width:0;background:var(--kp-panel);color:var(--kp-ink);border:1px solid var(--kp-line);border-radius:7px;padding:10px}#kdp-os textarea{resize:vertical;min-height:110px}#kdp-os .kp-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}#kdp-os .kp-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}#kdp-os .kp-note{border-left:3px solid var(--kp-brand);background:var(--kp-soft);padding:13px 15px;border-radius:0 6px 6px 0;font-size:13px}#kdp-os .kp-warning{background:var(--kp-warnbg);color:var(--kp-warn);padding:13px 15px;border-radius:7px;font-size:13px}#kdp-os .kp-check{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--kp-line)}#kdp-os .kp-check input{width:17px;height:17px;margin-top:3px;accent-color:var(--kp-brand);flex-shrink:0}#kdp-os .kp-check label{flex:1}#kdp-os .kp-check small{display:block;color:var(--kp-muted);font-size:12px;margin-top:3px}#kdp-os .kp-empty{padding:24px 4px;color:var(--kp-muted)}#kdp-os .kp-copy{font:16px/1.85 Georgia,serif;max-width:60ch}#kdp-os .kp-copy p+p{margin-top:16px}#kdp-os .kp-dialog{position:relative;border:1px solid var(--kp-line);border-radius:12px;background:var(--kp-panel);padding:22px;margin-bottom:22px}#kdp-os .kp-dialog h2{margin-bottom:18px}#kdp-os .kp-sources{display:flex;flex-direction:column;gap:10px;font-size:13px}#kdp-os .kp-message{margin-top:15px;font-size:13px;color:var(--kp-brand);overflow-wrap:anywhere}#kdp-os .kp-deploy{display:grid;gap:10px}#kdp-os .kp-deploy div{padding:13px;background:var(--kp-soft);border-radius:7px}#kdp-os .kp-niche{margin-top:18px}#kdp-os .kp-wide{grid-column:1/-1}#kdp-os .kp-cover{max-width:230px;aspect-ratio:2/3;margin:0 auto;background:var(--kp-brand);color:var(--kp-onbrand);padding:28px 18px;display:flex;flex-direction:column;justify-content:center;gap:22px;text-align:center;border-radius:3px 10px 10px 3px;border-left:9px solid color-mix(in srgb,var(--kp-onbrand) 15%,var(--kp-brand));box-shadow:7px 9px 0 var(--kp-line)}#kdp-os .kp-cover strong{font:500 25px/1.2 Georgia,serif;overflow-wrap:anywhere}#kdp-os .kp-cover span{font-size:11px;letter-spacing:2px}#kdp-os .kp-cover hr{width:35px;border:0;height:1px;background:currentColor}#kdp-os .kp-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}#kdp-os .kp-meta div{border-top:1px solid var(--kp-line);padding-top:9px}#kdp-os .kp-meta small{display:block;color:var(--kp-muted);font-size:12px;margin-bottom:3px}
@media(max-width:850px){#kdp-os .kp-grid{grid-template-columns:1fr}#kdp-os .kp-book{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px 15px}#kdp-os .kp-book-art{grid-row:1/5;height:145px}#kdp-os .kp-book h3{min-height:0}#kdp-os .kp-book .kp-btn{width:fit-content}#kdp-os .kp-split{grid-template-columns:1fr}#kdp-os .kp-body{padding:22px}#kdp-os .kp-shell{grid-template-columns:165px minmax(0,1fr)}}
@media(max-width:570px){#kdp-os{min-height:0;border-radius:10px}#kdp-os .kp-top{padding:16px 96px 16px 14px;gap:10px;align-items:flex-start;flex-wrap:wrap}#kdp-os .kp-market{margin:0 0 0 46px;text-align:left;white-space:normal;font-size:12px}#kdp-os .kp-shell{display:block}#kdp-os .kp-side{padding:10px;border-right:0;border-bottom:1px solid var(--kp-line)}#kdp-os .kp-label,#kdp-os .kp-sidefoot{display:none}#kdp-os .kp-nav{flex-direction:row;flex-wrap:wrap;gap:3px}#kdp-os .kp-nav button{width:auto;padding:9px;font-size:12px;gap:6px}#kdp-os .kp-nav svg{display:none}#kdp-os .kp-body{padding:18px 14px}#kdp-os .kp-header{flex-wrap:wrap}#kdp-os h1{font-size:23px}#kdp-os .kp-pair,#kdp-os .kp-meta{grid-template-columns:1fr;gap:0}#kdp-os .kp-box{padding:16px}#kdp-os .kp-row{align-items:flex-start;flex-wrap:wrap}#kdp-os .kp-book{grid-template-columns:75px minmax(0,1fr);padding:12px;gap:8px 12px}#kdp-os .kp-book-art{height:130px}#kdp-os .kp-book-art .kp-spine{width:54px;height:85px;font-size:9px}#kdp-os .kp-book .kp-btn{padding:7px 9px}#kdp-os input,#kdp-os select,#kdp-os textarea{font-size:16px}}
@media(pointer:coarse){#kdp-os button,#kdp-os .kp-btn,#kdp-os .kp-nav button,#kdp-os .kp-tabs button{min-height:44px}}

#kdp-os .kp-kdp-version{font-size:12px;color:var(--kp-muted);margin-top:-10px;margin-bottom:15px}
#kdp-os .kp-kdp-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}
#kdp-os .kp-rule{display:flex;align-items:flex-start;gap:13px;padding:15px 0;border-bottom:1px solid var(--kp-line)}
#kdp-os .kp-rule>div{min-width:0}#kdp-os .kp-rule p{font-size:12px;color:var(--kp-muted);margin:4px 0 6px;overflow-wrap:anywhere}
#kdp-os .kp-rule-badge{display:inline-block;flex-shrink:0;font-size:10px;letter-spacing:.2px;padding:4px 6px;border-radius:5px;white-space:normal}
#kdp-os .kp-rule-badge.ok{background:var(--kp-soft);color:var(--kp-brand)}
#kdp-os .kp-rule-badge.verify{background:var(--kp-bg);color:var(--kp-muted)}
#kdp-os .kp-rule-badge.block{background:light-dark(#fbe9e5,#492d2a);color:light-dark(#973c2c,#ffbcb0)}
#kdp-os .kp-rule-badge.warn{background:var(--kp-warnbg);color:var(--kp-warn)}
#kdp-os .kp-meta strong{font-weight:500;overflow-wrap:anywhere}#kdp-os .kp-kdp-summary+div{margin-top:8px}
@media(max-width:700px){#kdp-os .kp-rule{flex-direction:column;gap:8px}#kdp-os .kp-rule-badge{font-size:11px}}

body{margin:0;padding:20px;background:light-dark(#eeefeb,#11161a);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:light-dark(#202b35,#e8edf1);color-scheme:light dark}body>main{max-width:1280px;margin:0 auto}#kdp-os{min-height:90vh}#kp-login{max-width:410px;margin:10vh auto;background:light-dark(#fff,#20262e);padding:32px;border-radius:16px;border:1px solid light-dark(#e1e4e4,#39424c)}#kp-login h1{font-size:26px;font-weight:500;margin:0 0 10px}#kp-login p{color:light-dark(#65717c,#aab5bf)}#kp-login label{display:block;margin:20px 0 7px}#kp-login input{box-sizing:border-box;width:100%;padding:12px;border-radius:7px;border:1px solid light-dark(#d0d5d5,#56616c);background:light-dark(#fff,#20262e);color:inherit;font:inherit}#kp-login button{width:100%;padding:12px;margin-top:22px;border:0;border-radius:8px;color:light-dark(#fff,#142d28);background:light-dark(#284d4c,#a2d4c6);font:inherit}#kp-login-error{color:light-dark(#973c2c,#ffbcb0);margin-top:14px}#kp-login[hidden],#kdp-os[hidden]{display:none!important}.kp-sessionbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:10px 22px;border-bottom:1px solid var(--kp-line);font-size:12px;color:var(--kp-muted);background:var(--kp-panel)}.kp-sessionbar button{margin-left:auto;padding:5px 10px;background:var(--kp-panel);color:var(--kp-ink);border:1px solid var(--kp-line);border-radius:6px}#kdp-os .kp-body{padding:26px}#kdp-os .kp-wordmark{font-size:16px}@media(max-width:570px){body{padding:8px}#kdp-os .kp-top{padding-right:14px}#kdp-os .kp-body{padding:18px 14px}}
