:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#19243e;background:#f7f9fc;font-synthesis:none;--brand:#2f39a9;--brand-dark:#232b80;--accent:#1b7785;--muted:#626e84;--line:#e2e7f0;--radius:16px}
*{box-sizing:border-box}body{margin:0;line-height:1.6;font-size:16px}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}input,textarea,select{width:100%;border:1px solid #d6deeb;border-radius:10px;background:#fff;color:#19243e;padding:12px 14px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2f39a914}input::placeholder,textarea::placeholder{color:#8a95a8}textarea{resize:vertical;min-height:230px;line-height:1.75}button:focus-visible,a:focus-visible{outline:3px solid #7d8af7;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:2.9rem;line-height:1.15;letter-spacing:-.045em;font-weight:730}h2{font-size:1.5rem;line-height:1.35;letter-spacing:-.025em}h3{font-size:1.125rem;line-height:1.5}p{color:var(--muted)}img{max-width:100%}.icon{width:20px;height:20px;display:inline-block;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon.large{width:34px;height:34px}.skip-link{position:absolute;top:-80px;left:20px;background:white;padding:12px;z-index:20}.skip-link:focus{top:12px}
.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1220px;padding:23px 32px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:11px;align-items:center;color:#1f2842}.brand:hover{text-decoration:none}.brand strong{display:block;line-height:1.2;font-size:1.3rem;letter-spacing:-.035em}.brand-dot{color:var(--brand)}.brand small{font-size:.8125rem;color:var(--muted);display:block;margin-top:3px}.site-header nav{display:flex;align-items:center;gap:26px}.nav-link{color:#5a6477;font-size:.875rem;font-weight:600}.nav-link.current{color:var(--brand)}.admin-nav{border:1px solid var(--line);padding:7px 16px;border-radius:8px}.container{max-width:1220px;padding:48px 32px 72px;margin:auto;min-height:calc(100vh - 182px)}.eyebrow{display:block;font-size:.75rem;font-weight:750;letter-spacing:.13em;color:var(--brand);margin-bottom:13px}.intro{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.intro p{margin-top:14px;max-width:590px}.library-mark{display:flex;align-items:center;justify-content:center;background:#edf0ff;border:1px solid #e1e5fb;color:var(--brand);width:64px;height:64px;border-radius:18px;flex-shrink:0}.search-box{display:flex;align-items:center;gap:14px;margin-top:28px;border:1px solid #d9e0ec;border-radius:12px;background:#fff;padding:0 18px;box-shadow:0 3px 12px #19243e03}.search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #2f39a90d}.search-box input{border:none;box-shadow:none!important;border-radius:0;padding:17px 0}.search-box .icon{color:#7d879c}.search-reset{border:0;background:#f0f3f8;border-radius:6px;padding:3px 8px;color:var(--muted);font-size:.875rem}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 38px}.platform-card{padding:21px 22px;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:#fff;display:flex;align-items:center;gap:17px;color:#29354e;position:relative;transition:border-color .15s,box-shadow .15s}.platform-card:hover{border-color:#aab4e2;box-shadow:0 6px 20px #25309907}.platform-card.active{border-color:var(--brand);background:#f4f5ff;box-shadow:0 0 0 1px var(--brand)}.platform-icon{background:#edf2fc;border-radius:11px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:var(--brand);flex-shrink:0}.platform-card.mac .platform-icon{background:#eef6f8;color:#237587}.platform-card strong{display:block;font-size:1.0625rem}.platform-card small{color:var(--muted);font-size:.875rem}.platform-check{margin-left:auto;color:var(--brand);width:26px;height:26px;display:flex;align-items:center;justify-content:center}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-title{display:flex;gap:12px;align-items:center}.count-pill{background:#e9edf5;color:#59647a;padding:2px 9px;border-radius:6px;font-size:.8125rem;font-weight:650}.text-button{border:0;background:none;color:var(--brand);padding:4px 0;font-size:.875rem;font-weight:600}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}.guide-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #25304a0a}.card-thumb{height:160px;width:100%;object-fit:cover;background:#eef2f8;display:block}.thumb-placeholder{height:160px;background:#eef2f8;display:flex;align-items:center;justify-content:center;position:relative;color:#43588a;overflow:hidden}.thumb-placeholder.mac{background:#eaf3f5;color:#286879}.thumb-placeholder:before,.thumb-placeholder:after{content:"";position:absolute;width:135px;height:135px;border:1px solid currentColor;border-radius:50%;opacity:.08}.thumb-placeholder:before{left:-40px;bottom:-85px;width:260px;height:260px}.thumb-placeholder:after{right:-40px;top:-85px;width:230px;height:230px}.thumb-initials{font-size:2.75rem;letter-spacing:-.06em;font-weight:720;opacity:.9}.thumb-label{position:absolute;right:15px;bottom:13px;font-size:.75rem;letter-spacing:.12em;font-weight:650;opacity:.6}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.platform-badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:#526180;line-height:1.4;margin-bottom:7px}.platform-badge .icon{width:13px;height:13px}.guide-card h3{font-size:1.1875rem;letter-spacing:-.025em;margin-bottom:13px}.formats{display:flex;gap:8px;flex-wrap:wrap;min-height:27px;margin-bottom:19px}.format-tag{font-size:.75rem;color:#53617a;border:1px solid #e8ebf1;border-radius:5px;padding:2px 7px;display:inline-flex;align-items:center;gap:4px;background:#fafbfd}.format-tag .icon{height:12px;width:12px}.card-link{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--brand);padding:9px 10px;border:1px solid #dce0f5;border-radius:8px;background:#f8f9ff;font-weight:650;font-size:.875rem;margin-top:auto}.card-link:hover{text-decoration:none;background:#f0f2ff}.empty-state{border:1px dashed #d7dfec;border-radius:16px;padding:55px 24px;text-align:center;background:#fff}.empty-state .empty-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:16px;background:#f1f4fb;color:var(--brand);margin:0 auto 18px}.empty-state p{max-width:470px;margin:9px auto 20px}.empty-state h2{font-size:1.25rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;padding:11px 18px;border-radius:9px;background:var(--brand);color:#fff;font-weight:650;font-size:.875rem;line-height:1.5;text-decoration:none;white-space:nowrap}.button:hover{background:var(--brand-dark);text-decoration:none}.button.secondary{background:#fff;color:#3c4a65;border-color:#dbe2ed}.button.secondary:hover{background:#f7f9fc}.button.quiet{background:#edf0fc;color:var(--brand);border-color:#edf0fc}.button.danger{background:#bf3547}.button.small{padding:7px 12px}.button.full{width:100%}.error-banner{display:flex;align-items:flex-start;gap:10px;background:#fff1f0;color:#a33235;border:1px solid #f1d4d1;border-radius:10px;padding:13px 15px;margin:20px 0;font-size:.875rem}.error-banner p{color:inherit}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px}.pagination span{font-size:.875rem;color:var(--muted)}.site-footer{background:#fff;border-top:1px solid var(--line)}.site-footer>div{max-width:1220px;margin:auto;padding:24px 32px;display:flex;align-items:center;gap:24px;color:#788298;font-size:.8125rem}.site-footer a{margin-left:auto;color:#68748b}.initial-loading{padding:80px;text-align:center;color:var(--muted)}.loading-bar{height:3px;background:#e2e7fa;border-radius:3px;margin:24px 0;overflow:hidden}.loading-bar:after{content:"";display:block;width:40%;height:100%;background:var(--brand);animation:loading 1s ease-in-out infinite}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(350%)}}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#243053;color:#fff;padding:13px 20px;box-shadow:0 8px 32px #13234330;border-radius:10px;z-index:30;font-size:.875rem;max-width:calc(100vw - 32px)}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:.875rem;color:var(--muted);margin-bottom:26px}.breadcrumbs .icon{width:14px;height:14px}.detail-header{background:white;border:1px solid var(--line);padding:30px;border-radius:18px;display:flex;gap:28px;align-items:center;margin-bottom:28px}.detail-thumbnail{width:165px;height:125px;flex-shrink:0;object-fit:cover;border-radius:12px}.detail-header .thumb-placeholder{width:165px;height:125px;flex-shrink:0;border-radius:12px}.detail-header h1{font-size:2.25rem;margin:4px 0 9px;overflow-wrap:anywhere}.detail-header p{font-size:.9375rem}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:28px;align-items:start}.guide-content{display:flex;flex-direction:column;gap:24px}.content-panel{padding:30px;background:white;border:1px solid var(--line);border-radius:16px;scroll-margin-top:24px}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}.panel-heading .icon{color:var(--brand)}.content-panel>p{margin:9px 0 18px}.resource-links{display:flex;gap:12px;flex-wrap:wrap}.video-frame{aspect-ratio:16/9;display:block;width:100%;border:0;border-radius:10px;background:#121727}.video-note{font-size:.875rem;margin-top:15px!important}.detail-sidebar{position:sticky;top:24px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px}.detail-sidebar h3{margin-bottom:16px;font-size:.9375rem}.detail-sidebar a{display:flex;align-items:center;gap:9px;padding:10px 0;font-size:.875rem;color:#586680}.detail-sidebar a:hover{color:var(--brand)}.detail-sidebar .sidebar-meta{font-size:.75rem;color:#7c879a;border-top:1px solid var(--line);padding-top:17px;margin-top:16px}.markdown{color:#3b4861;line-height:1.8;overflow-wrap:anywhere}.markdown p{color:inherit;margin:0 0 16px}.markdown h2{font-size:1.35rem;margin:28px 0 12px}.markdown h3{margin:22px 0 9px}.markdown h2:first-child,.markdown h3:first-child{margin-top:0}.markdown ul,.markdown ol{padding-left:25px;margin:0 0 18px}.markdown li{margin:5px 0}.markdown code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875em;background:#edf0f7;border-radius:4px;padding:2px 5px;color:#2d3864}.code-block{position:relative;margin:20px 0}.markdown pre{margin:0;padding:20px;background:#182139;border-radius:10px;color:#e6ecff;overflow:auto;white-space:pre-wrap;word-break:break-word}.markdown pre code{background:none;padding:0;color:inherit;font-size:.875rem}.copy-code{position:absolute;right:10px;top:10px;background:#334362;color:#fff;border:0;padding:5px 10px;border-radius:5px;font-size:.75rem}.markdown blockquote{border-left:3px solid #5364c4;margin:18px 0;padding:12px 18px;background:#f4f6ff;border-radius:0 8px 8px 0}.markdown blockquote p:last-child{margin:0}.markdown hr{border:0;border-top:1px solid var(--line);margin:24px 0}
.login-wrap{max-width:430px;margin:42px auto 70px}.login-card{border:1px solid var(--line);border-radius:20px;padding:34px;background:white;box-shadow:0 10px 36px #22315e06}.login-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;color:var(--brand);background:#eef0ff;border-radius:14px;margin-bottom:24px}.login-card h1{font-size:1.9rem;margin-bottom:10px}.login-card p{font-size:.9375rem}.login-card form{margin-top:26px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;min-width:0}.field label,.field-label{font-size:.875rem;font-weight:650;color:#33415d}.field .hint{font-size:.8125rem;color:#79849a;margin-top:-2px}.field .hint a{font-size:inherit}.optional{color:#8993a6;font-weight:400;margin-left:4px;font-size:.8125rem}.password-input{position:relative}.password-input input{padding-right:64px}.password-input button{position:absolute;right:12px;top:14px;font-size:.8125rem;color:#697589;background:none;border:none}.login-note{font-size:.8125rem;text-align:center;color:#8691a3;margin-top:19px}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.admin-top h1{font-size:2.15rem}.admin-top p{font-size:.9375rem;margin-top:7px}.admin-actions{display:flex;gap:12px}.admin-toolbar{display:flex;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line)}.admin-toolbar .search-box{margin:0;flex:1;box-shadow:none;max-width:480px}.admin-toolbar .search-box input{padding:9px 0}.admin-toolbar select{width:160px;padding:10px}.table-wrap{border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden}.guide-table{width:100%;border-collapse:collapse;font-size:.875rem}.guide-table th{text-align:left;color:#7b869b;font-weight:550;font-size:.8125rem;background:#fafbfe;padding:15px 22px;border-bottom:1px solid var(--line)}.guide-table td{padding:17px 22px;border-bottom:1px solid #edf0f5;vertical-align:middle}.guide-table tr:last-child td{border-bottom:0}.table-product{display:flex;gap:12px;align-items:center;font-weight:650}.table-thumb{width:46px;height:42px;object-fit:cover;border-radius:7px;background:#edf0f8}.table-initials{width:46px;height:42px;background:#eef1fa;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand);font-weight:700}.table-actions{display:flex;gap:10px;justify-content:flex-end}.icon-button{padding:7px 8px;background:#f4f6fb;color:#65718a;border:1px solid #e5eaf3;border-radius:7px;display:flex;align-items:center;justify-content:center}.icon-button:hover{color:var(--brand);border-color:#c4cbec}.icon-button.delete:hover{background:#fff2f2;color:#a83947;border-color:#ebbec5}.icon-button .icon{width:17px;height:17px}.status-pill{background:#eaf6f1;color:#2c7757;padding:4px 9px;border-radius:5px;font-size:.75rem;font-weight:600}.editor-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.editor-head h1{font-size:2rem}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}.editor-panel{padding:27px;background:white;border:1px solid var(--line);border-radius:16px}.editor-panel h2{font-size:1.125rem;margin-bottom:24px}.field-row{display:grid;grid-template-columns:1fr 190px;gap:20px}.thumbnail-preview{height:150px;width:100%;object-fit:cover;border-radius:10px;margin-bottom:14px;background:#f0f3fa}.thumbnail-preview.thumb-placeholder{height:150px}.upload-control{width:100%;padding:11px;border:1px dashed #bac5dc;border-radius:9px;text-align:center;font-size:.8125rem;color:#687691;background:#fafbfe;display:block;cursor:pointer}.upload-control input{padding:4px;margin-top:5px;font-size:.8125rem;border:0;background:none}.thumbnail-separator{display:flex;align-items:center;gap:10px;font-size:.75rem;color:#8c97aa;margin:17px 0}.thumbnail-separator:before,.thumbnail-separator:after{content:"";height:1px;background:var(--line);flex:1}.editor-toolbar{display:flex;gap:5px;padding:8px;background:#fafbfe;border:1px solid #d6deeb;border-bottom:0;border-radius:10px 10px 0 0;align-items:center;flex-wrap:wrap}.editor-toolbar button{padding:4px 10px;border:0;color:#5e6b85;background:#fff;border-radius:5px;font-size:.8125rem;font-weight:600}.editor-toolbar .preview-toggle{margin-left:auto;color:var(--brand)}.editor-textarea{border-radius:0 0 10px 10px;min-height:290px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem}.editor-preview{padding:20px;min-height:290px;border:1px solid #d6deeb;border-radius:0 0 10px 10px;background:white}.editor-side .editor-panel{padding:22px}.editor-side .hint{color:#7d889d;font-size:.8125rem;margin:13px 0 0}.editor-side .button{margin-top:12px}.editor-side{position:sticky;top:24px}.saved-info{font-size:.75rem;color:#929bae;margin-top:18px}.required-star{color:var(--brand)}.form-error:empty{display:none}.editor-links{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.editor-links h2{margin-bottom:7px}.editor-links>p{font-size:.875rem;margin-bottom:22px}.file-error{font-size:.8125rem;color:#ad3445;margin:9px 0}dialog{border:1px solid var(--line);border-radius:16px;max-width:460px;width:calc(100% - 36px);padding:30px;box-shadow:0 24px 80px #1f2b5140}dialog::backdrop{background:#14224460;backdrop-filter:blur(3px)}dialog h2{margin-bottom:12px}dialog p{font-size:.9375rem}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.editor-side .editor-panel+.editor-panel{margin-top:20px}.guide-card h3,.table-product strong{overflow-wrap:anywhere}.table-product{min-width:0}.table-product strong{min-width:0}
@media(min-width:1400px){.container{padding-top:55px}.card-thumb,.thumb-placeholder{height:180px}}
@media(max-width:1000px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr) 220px}.editor-layout{grid-template-columns:minmax(0,1fr) 250px}.guide-table th,.guide-table td{padding:15px}.guide-table .date-col{display:none}.field-row{grid-template-columns:1fr 150px}}
@media(max-width:760px){.header-inner{padding:17px 20px}.container{padding:32px 20px 45px}h1{font-size:2.25rem}.library-mark{display:none}.platform-grid{gap:12px;margin-bottom:29px}.platform-card{padding:17px 15px;gap:12px}.platform-icon{width:42px;height:42px}.platform-card strong{font-size:.9375rem}.platform-card small{font-size:.75rem}.platform-check{display:none}.detail-layout{grid-template-columns:1fr}.detail-sidebar{display:none}.detail-header{padding:22px;gap:20px}.detail-thumbnail,.detail-header .thumb-placeholder{width:110px;height:100px}.detail-header h1{font-size:1.75rem}.content-panel{padding:23px}.editor-layout{grid-template-columns:1fr}.editor-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor-side .editor-panel{margin-bottom:0}.editor-head,.admin-top{align-items:flex-start}.admin-top h1{font-size:1.8rem}.admin-actions{flex-wrap:wrap;justify-content:flex-end}.guide-table .formats-col{display:none}.admin-toolbar{padding:15px}.field-row{grid-template-columns:1fr 155px}.site-footer>div{padding:22px 20px}.site-footer>div>span:nth-child(2){display:none}}
@media(max-width:500px){.brand strong{font-size:1.15rem}.brand small{font-size:.75rem}.brand img{width:33px;height:33px}.site-header nav{gap:12px}.site-header .nav-link{font-size:.8125rem}.site-header .nav-link:not(.admin-nav){display:none}.admin-nav{padding:6px 12px}h1{font-size:2rem}.intro p{font-size:.9375rem}.eyebrow{font-size:.75rem}.platform-grid{gap:10px}.platform-card{flex-direction:column;align-items:flex-start;padding:17px}.platform-icon{width:40px;height:40px}.platform-card small{font-size:.8125rem}.guide-grid{grid-template-columns:1fr}.card-thumb,.thumb-placeholder{height:185px}.guide-card h3{font-size:1.25rem}.section-head h2{font-size:1.25rem}.detail-header{display:block}.detail-thumbnail,.detail-header .thumb-placeholder{width:100%;height:150px;margin-bottom:20px}.detail-header h1{font-size:1.85rem}.detail-header p{font-size:.875rem}.content-panel{padding:22px 19px}.resource-links .button{width:100%}.login-wrap{margin:12px auto 40px}.login-card{padding:26px}.admin-top{flex-direction:column;gap:17px}.admin-actions{width:100%;justify-content:flex-start}.admin-toolbar{flex-direction:column;align-items:stretch;gap:12px}.admin-toolbar select{width:100%}.guide-table th,.guide-table td{padding:13px 10px}.guide-table .status-col{display:none}.table-product{gap:9px}.table-product strong{font-size:.8125rem}.table-thumb,.table-initials{width:35px;height:35px}.table-actions{gap:6px}.icon-button{padding:6px}.table-platform{font-size:.75rem}.editor-panel{padding:22px 18px}.field-row{grid-template-columns:1fr;gap:0}.editor-side{grid-template-columns:1fr}.editor-head{flex-wrap:wrap}.editor-head h1{font-size:1.7rem}.search-box{padding:0 13px}.search-box input{font-size:.9375rem;padding:14px 0}.breadcrumbs{font-size:.8125rem}.empty-state{padding:35px 20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}