:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;color:#352e25;background:#faf7f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #faf7f2;--paper: #fff;--ink: #352e25;--muted: #8c8275;--blue: #b0812f;--line: #eee9e0;--lavender: #f6efe3;--sidebar-width: 232px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{opacity:.38;cursor:not-allowed}img{display:block;max-width:100%}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ebd7bc;outline-offset:4px}::selection{background:#f5eee5}code,kbd,.section-kicker,.sheet-code,.study-label,.studio-badge,.brand-sub{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}button,a,select{transition:background .18s,color .18s,border-color .18s,box-shadow .18s}html{scroll-behavior:smooth;scroll-padding-top:90px}.app-shell{min-height:100vh}.mobile-bottom-nav,.mobile-extended-toggle{display:none}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);padding:31px 18px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20;overflow:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 13px 41px}.brand-mark{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand strong{font-family:Georgia,Songti SC,Times New Roman,serif;font-size:26px;line-height:1;letter-spacing:1.5px;font-weight:600;color:var(--ink)}.brand-sub{display:block;font-size:8px;letter-spacing:1.1px;margin-top:7px;color:#8c7a55}.nav-heading{font-size:10px;font-weight:600;color:#a49d94;letter-spacing:1.2px;padding:0 14px;margin-bottom:13px}.main-nav{display:grid;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;min-height:45px;padding:0 13px;border-radius:7px;font-size:12px;text-align:left;color:#80776b}.nav-item small{font-size:10px;margin-left:auto;opacity:.8;font-variant-numeric:tabular-nums}.nav-item:hover{background:#f9f8f6}.nav-item.active{color:var(--blue);background:#faf6f0;font-weight:600}.nav-item.active:before{content:"";height:16px;width:3px;border-radius:2px;background:var(--blue);position:absolute;left:0}.sidebar-divider{height:1px;background:var(--line);margin:24px 13px}.sidebar-bottom{margin-top:auto;padding:14px 11px 0}.content-switch label{display:flex;gap:9px;align-items:center;position:relative;font-size:10px;font-weight:500;cursor:pointer}.content-switch input{position:absolute;opacity:0;width:31px;height:19px;margin:0}.switch-track{display:block;width:30px;height:17px;border-radius:20px;background:#eeebe7;flex-shrink:0;position:relative;pointer-events:none;transition:background .2s}.switch-track:after{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0001;transition:transform .2s}.content-switch input:checked+.switch-track{background:var(--blue)}.content-switch input:checked+.switch-track:after{transform:translate(13px)}.content-switch input:focus-visible+.switch-track{outline:3px solid #ebd7bc;outline-offset:3px}.content-switch p{font-size:9px;line-height:1.8;color:#a49d94;margin-top:9px}.social-link{display:flex;align-items:center;width:100%;gap:8px;margin-top:24px;padding:14px 0;border-top:1px solid var(--line);font-size:10px;color:#80776b}.social-links{display:flex;flex-direction:column}.sidebar-about{text-align:left}.sidebar-about+.social-link{margin-top:0;padding-top:0;border-top:0}.github-link{margin-top:0;padding-top:0;border-top:0}.social-link:hover{color:var(--blue)}.social-link svg:last-child{margin-left:auto}.local-note{display:flex;align-items:center;gap:6px;font-size:9px;color:#b3aba2;margin-top:6px}.local-note span{width:5px;height:5px;background:#7ca28b;border-radius:50%}.workspace{margin-left:var(--sidebar-width)}.topbar{height:73px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#faf7f2ed;position:sticky;top:0;z-index:15;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#a49d94}.breadcrumb strong{font-weight:500;color:#6e6455}.topbar-brand{display:inline-flex;min-width:0;align-items:center;gap:9px;color:var(--ink)}.topbar-brand img{width:30px;height:30px;object-fit:contain}.topbar-brand strong{overflow:hidden;font-size:14px;font-weight:680;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:19px}.header-source{padding:5px;color:var(--muted);display:flex}.language-button{display:flex;align-items:center;gap:7px;font-size:11px;color:#b2aa9e;padding:8px 0}.language-button svg{color:#80776b;margin-right:2px}.current-language{color:var(--ink);font-weight:600}.language-slash{font-size:9px;color:#d3cfc9}.studio-badge{font-size:8px;letter-spacing:1px;border-left:1px solid var(--line);padding-left:20px;display:flex;align-items:center;gap:8px;color:#958c80}.studio-badge span{height:5px;width:5px;border-radius:100%;background:var(--blue)}main{max-width:1600px;margin:0 auto;padding:35px 42px 0}.intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;min-height:294px}.intro-copy{padding-bottom:10px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;color:#968c7f;letter-spacing:.8px;margin-bottom:19px}.eyebrow span{height:5px;width:5px;border-radius:50%;background:var(--blue)}h1{font-size:clamp(36px,3.5vw,54px);line-height:1.25;letter-spacing:-1.4px;font-weight:550}h1 em{font-family:Georgia,Songti SC,STSong,serif;font-weight:400;color:var(--blue)}html[lang=zh-CN] h1{font-weight:500;letter-spacing:2px;line-height:1.36}html[lang=zh-CN] h1 em{font-style:normal;font-weight:600}.intro-description{font-size:12px;color:var(--muted);line-height:1.95;max-width:340px;margin-top:15px}.intro-link{display:inline-flex;align-items:center;gap:19px;font-size:11px;font-weight:600;margin-top:20px;border-bottom:1px solid #cfc6ba;padding-bottom:7px}.intro-link:hover{color:var(--blue);border-color:var(--blue)}.study-shelf{background:var(--lavender);border-radius:12px;min-height:270px;padding:20px 23px 22px;position:relative;overflow:hidden}.study-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.7px;color:#a79e92;margin-bottom:18px}.study-pair{display:flex;align-items:center;justify-content:center;gap:13px}.study-sheet{display:flex;flex-direction:column;text-align:left;background:#fff;padding:9px 11px 8px;flex:1;min-width:0;max-width:160px;box-shadow:0 5px 15px #463e3310;position:relative}.pose-sheet{transform:rotate(-5deg)}.costume-sheet{transform:rotate(5deg)}.study-sheet:hover{box-shadow:0 8px 20px #463e3325}.study-sheet .sheet-code{color:#b0aaa2;font-size:7px;letter-spacing:.3px}.study-sheet img{height:165px;width:100%;object-fit:contain;margin:4px 0}.sheet-caption{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#898073;padding:5px 0 0;border-top:1px solid #f1f0ee;gap:3px}.study-plus{font-size:23px;color:#c2b8a9;font-family:Georgia,serif;font-weight:400}.collection-summary{display:flex;align-items:center;gap:20px;margin:23px 0 34px;padding-bottom:21px;border-bottom:1px solid var(--line);color:#a19a8f;font-size:10px}.collection-summary strong{font-weight:600;color:#766c5e;margin-right:5px;font-variant-numeric:tabular-nums}.collection-summary i{width:1px;height:12px;background:#eeebe7}.summary-right{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px}.collection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.pose-depth-switch{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;flex-shrink:0;font-size:12px;color:var(--muted);cursor:pointer}.pose-depth-switch:has(input:disabled),.studio-depth:has(input:disabled){opacity:.55;cursor:not-allowed}.depth-availability-note{display:block;margin:4px 0 10px;color:var(--muted, #77736c);font-size:12px;line-height:1.5}.pose-depth-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.pose-depth-switch input:checked+.switch-track{background:var(--blue)}.pose-depth-switch input:checked+.switch-track:after{transform:translate(13px)}.pose-depth-switch input:focus-visible+.switch-track{outline:3px solid #ebd7bc;outline-offset:3px}.section-kicker{font-size:8px;color:#ada69c;letter-spacing:1.7px;display:block;margin-bottom:9px}h2{font-size:24px;font-weight:550;letter-spacing:-.6px}h2>span{font-size:11px;vertical-align:middle;color:#a59c90;background:#f2efeb;padding:3px 7px;border-radius:4px;margin-left:13px;font-weight:400;letter-spacing:0;font-variant-numeric:tabular-nums}.search-row{display:flex;gap:15px}.search-box{display:flex;align-items:center;gap:11px;background:var(--paper);border:1px solid #eeebe7;border-radius:7px;min-height:49px;padding:0 15px;flex:1;min-width:0;box-shadow:0 2px 3px #3b332702}.search-box:focus-within{border-color:#e7ceac;box-shadow:0 0 0 3px #b0812f0c}.search-box>svg{color:#aba194}.search-box input{border:0;outline:none!important;background:none;min-width:0;width:100%;height:47px;font-size:12px;color:#665b4a}.search-box input::placeholder{color:#b9b1a5}.search-box input::-webkit-search-cancel-button{display:none}.search-box kbd{font-size:12px;color:#b9b1a5;display:grid;place-items:center;width:22px;height:23px;border:1px solid var(--line);border-radius:4px}.sort-control{display:flex;gap:9px;align-items:center;font-size:10px;color:#a39a8e}.sort-control select,.angle-control select{appearance:auto;border:0;background:transparent;color:#726758;font-size:11px;outline-offset:3px;max-width:140px;padding:8px 2px;cursor:pointer}.category-area{margin-top:18px;overflow:hidden;max-height:34px}.category-chips{display:flex;gap:7px;flex-wrap:wrap}.chip{display:flex;align-items:center;gap:7px;white-space:nowrap;min-height:30px;padding:5px 12px;border-radius:5px;font-size:10px;color:#93897b;background:#f2efec;border:1px solid transparent}.chip small{font-size:8px;opacity:.65}.chip:hover{background:#f1ece4}.chip.active{background:#f8f4ee;color:var(--blue);border-color:#f4ece1;font-weight:500}.result-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#988e80;margin:21px 0 16px;min-height:29px;gap:15px}.result-toolbar>span{display:flex;align-items:center;flex-wrap:wrap;gap:0}.result-dot{margin:0 9px;color:#bab2a7}.regular-label{color:#b0a99e;font-size:9px}.reset-inline{font-size:9px;display:inline-flex;gap:4px;align-items:center;color:var(--blue);margin-left:10px}.angle-control{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:9px}.angle-control>span{color:#afa79c}.angle-control select{font-size:10px;padding:4px 0}.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}.reference-card{min-width:0}.card-image-wrap{position:relative;background:#fff;border:1px solid #eeebe7;border-radius:9px;overflow:hidden;aspect-ratio:3/3.9;box-shadow:0 2px 5px #3a302303;transition:box-shadow .2s,border-color .2s}.reference-card:hover .card-image-wrap{border-color:#e7dbca;box-shadow:0 7px 19px #4e3e280b}.card-image-wrap:before,.card-image-wrap:after{content:"";position:absolute;width:9px;height:9px;z-index:2;pointer-events:none;border-color:#eeebe7;border-style:solid}.card-image-wrap:before{left:12px;top:45px;border-width:1px 0 0 1px}.card-image-wrap:after{bottom:15px;right:13px;border-width:0 1px 1px 0}.card-open{display:block;position:relative;width:100%;height:100%;padding:34px 14px 19px}.card-open>img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.reference-card:hover .card-open>img{transform:scale(1.035)}.pose-card .card-image-wrap{display:grid;grid-template-rows:minmax(0,1fr) auto}.pose-card .card-open{min-height:0;overflow:hidden}.pose-card .card-image-wrap:after,.pose-card .view-count{display:none}.pose-angle-strip{position:relative;margin:0 8px 8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:2px;padding:4px;border:1px solid #eeebe7;border-radius:7px;background:#faf9f8f5;box-shadow:0 4px 12px #4e3e2814}.pose-angle-thumb{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:1px;border:1px solid transparent;border-radius:4px;color:#968c7f;background:transparent;font-size:8px;line-height:1.2;transition:border-color .15s,background .15s,color .15s}.pose-angle-thumb:hover,.pose-angle-thumb.active{border-color:var(--blue);color:var(--blue);background:#faf7f2}.pose-angle-thumb-image{display:block;height:clamp(24px,3vw,36px);flex-shrink:0;overflow:hidden;border-radius:3px;background:#fbfaf8}.pose-angle-thumb-image img{display:block;width:100%;height:100%;object-fit:contain}.pose-angle-thumb-image .image-fallback{min-height:0;height:100%;padding:2px;font-size:7px}.pose-angle-thumb-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.costume-card .card-open,.character-card .card-open{padding:28px 7px 13px}.card-type{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:4px;color:#b2a99c;font-family:monospace;font-size:8px;letter-spacing:.6px;pointer-events:none}.costume-card .card-type,.character-card .card-type{background:#ffffffc9;padding:2px 4px;border-radius:3px;left:8px}.save-button{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:29px;height:29px;border-radius:6px;color:#bab2a7;background:#ffffffd9;z-index:3}.save-button:hover,.save-button.is-saved{color:var(--blue);background:#faf7f2}.view-count{position:absolute;bottom:10px;left:11px;font-size:8px;color:#a69c8e;display:flex;align-items:center;gap:4px;background:#fffffff0;border:1px solid #f1eeea;padding:4px 6px;border-radius:4px;pointer-events:none}.inspect-affordance{position:absolute;right:12px;bottom:12px;background:var(--blue);color:#fff;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.card-open:hover .inspect-affordance,.card-open:focus-visible .inspect-affordance{opacity:1;transform:translateY(0)}.card-meta{padding:12px 2px 0}.card-category{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;color:#a49b8f}.card-category>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-category code{font-size:8px;color:#b6aea2;flex-shrink:0}.card-title{text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7;font-size:12px;font-weight:500;padding:0;margin-top:6px;min-height:40px;width:100%;color:#5e5343}.card-title:hover{color:var(--blue)}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:3px;font-size:9px;color:#b3aca2;gap:7px}.card-bottom>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-pair{display:grid;place-items:center;min-width:26px;min-height:26px;border:1px solid #eeebe7;border-radius:5px;background:#fff;color:#b6ac9e}.add-pair:hover,.add-pair.selected{color:var(--blue);border-color:#f4ece1;background:#faf7f2}.load-more{display:flex;flex-direction:column;align-items:center;gap:15px;padding:42px 0 50px;font-size:10px;color:#aea69b}.load-more>span{font-size:10px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 18px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid transparent}.primary-button{background:var(--blue);color:#fff}.primary-button:hover:not(:disabled){background:#b7833b}.secondary-button{background:#fff;border-color:#efebe6;color:#7f7363}.secondary-button:hover:not(:disabled){border-color:#e2d2bc;color:var(--blue);background:#fdfcfb}.load-more .secondary-button{min-width:160px;font-size:11px}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:7px;border-radius:6px;color:#a19687;min-width:30px;min-height:30px}.icon-button:hover:not(:disabled){background:#f5f3ee;color:var(--ink)}footer{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:25px 0 30px;color:#afa89d;font-size:9px}.footer-wordmark{font-family:Georgia,Songti SC,Times New Roman,serif;font-size:19px;font-weight:600;color:#a59a8a;letter-spacing:.5px}footer p{font-size:9px}footer button{display:flex;align-items:center;gap:6px;font-size:9px;margin-left:auto;color:#a69c8d}footer .back-top{margin-left:0;background:#fff;border:1px solid var(--line);width:27px;height:28px;border-radius:5px;display:grid;place-items:center;font-size:14px}.status-state{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;text-align:center;color:#b6ac9e}.status-state h3{font-size:19px;font-weight:500;color:#887b68}.status-state p{font-size:12px;max-width:350px;line-height:1.8}.empty-symbol{width:68px;height:68px;border:1px dashed #f0ece5;border-radius:18px;display:grid;place-items:center;background:#f8f5f0;margin-bottom:3px;color:#c6af8f}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.image-fallback{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:90px;height:100%;font-size:11px;color:#a69c8f;text-align:center;padding:20px}.image-fallback button{font-size:11px;color:var(--blue);border-bottom:1px solid #e9dbc8;padding:4px}.study-sheet .image-fallback{height:165px;font-size:9px;padding:10px}.toast{position:fixed;bottom:28px;left:calc(50% + var(--sidebar-width) / 2);transform:translate(-50%);background:#473b2b;color:#fff;border:1px solid #ffffff1a;padding:13px 22px;border-radius:9px;box-shadow:0 7px 25px #3a302325;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;max-width:calc(100% - 32px);z-index:100}dialog{position:fixed;border:1px solid #efebe6;border-radius:14px;padding:0;background:#fff;color:var(--ink);box-shadow:0 30px 100px #372a1835;max-height:calc(100dvh - 48px);max-width:calc(100vw - 48px);overflow:auto}dialog::backdrop{background:#362b1b77;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.detail-modal{width:1050px}.detail-modal .modal-inner{display:grid;grid-template-columns:1.3fr 1fr}.detail-stage{background:#f7f6f4;display:flex;flex-direction:column;padding:21px 24px 16px;min-height:660px;position:relative}.detail-stage-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#b3a99c;letter-spacing:.9px}.detail-stage-top code{font-size:9px;letter-spacing:0}.detail-stage .detail-image{display:block;width:100%;height:min(65dvh,560px);object-fit:contain;margin:20px 0 12px;mix-blend-mode:multiply}.detail-stage .image-fallback{display:flex}.detail-mobile-close{display:none}.detail-pagination{display:flex;justify-content:center;align-items:center;gap:29px;font-size:10px;color:#aa9e8d;margin-top:auto}.detail-info{padding:23px 29px;display:flex;flex-direction:column}.detail-info-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.detail-category{background:#f9f6f1;color:#b69a73;font-size:10px;padding:6px 9px;border-radius:5px}.detail-code{font-size:10px;color:#b4aca1;margin-bottom:10px;overflow-wrap:anywhere}.detail-info h2{font-size:26px;line-height:1.5;letter-spacing:-.5px}.detail-series{font-size:11px;color:#ada191;margin-top:9px}.detail-angle-section{margin-top:28px}.detail-info h3,.board-prompt h3{font-size:10px;font-weight:500;color:#aa9e8e;margin-bottom:12px}.angle-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.angle-buttons button{min-width:0;border:1px solid #eeebe7;background:#fcfbfa;padding:4px;border-radius:7px;font-size:10px;color:#a69b8b}.angle-buttons button:hover,.angle-buttons button.active{color:var(--blue);background:#faf7f2;border-color:#f4ece1}.angle-buttons button.active{border-color:var(--blue)}.angle-thumbnail{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;border-radius:4px;background:#fff}.angle-thumbnail img{width:100%;height:100%;object-fit:contain}.angle-thumbnail .image-fallback{min-height:0;height:100%;padding:3px;font-size:8px}.angle-selected{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--blue);color:#fff}.angle-label{display:block;padding:6px 0 2px;line-height:1.4;overflow-wrap:anywhere}.usage-restriction{display:block;font-weight:700}.angle-missing{font-size:10px;color:#afa89d;line-height:1.7;margin-top:10px}.description-section{margin-top:29px;border-top:1px solid var(--line);padding-top:22px}.description-section p{font-size:12px;line-height:1.9;color:#9a8e7e}.text-action{display:flex;align-items:center;gap:6px;padding:8px 0;color:#c2a67e;font-size:10px;margin-top:8px}.detail-actions{display:flex;flex-direction:column;gap:10px;margin-top:27px}.detail-action-row{display:flex;gap:9px}.detail-action-row>.secondary-button:first-child{flex:1}.original-link{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;padding:11px;color:#a7906f}.original-link:hover{color:var(--blue)}.original-note{font-size:9px;color:#b6aea3;line-height:1.9;text-align:center}.key-hint{font-size:9px;color:#c2bab0;text-align:center;margin-top:auto;padding-top:23px}.board-modal{width:850px}.board-modal .modal-inner,.about-modal .modal-inner{padding:30px 35px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel-heading h2{font-size:27px;line-height:1.4}.panel-description{font-size:12px;color:#a59a8b;line-height:1.9;margin-top:13px;max-width:650px}.board-slots{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.board-slot{border:1px solid var(--line);border-radius:9px;padding:13px;background:#fdfcfb;min-width:0}.board-slot-heading{display:flex;align-items:center;justify-content:space-between;height:31px;color:#a49682;margin-bottom:9px}.board-slot-heading>span{display:flex;align-items:center;gap:8px;font-size:11px}.board-slot>img{width:100%;height:250px;object-fit:contain;mix-blend-mode:multiply}.board-slot h3{font-size:12px;line-height:1.7;margin-top:12px;font-weight:500}.board-slot>code{font-size:9px;color:#b7ad9f;display:block;margin-top:7px}.board-empty{height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#c2b5a3}.board-empty p{font-size:12px}.board-empty .secondary-button{font-size:11px}.board-character{margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:9px;background:#fdfcfb}.board-character-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.board-character-preview,.board-character-placeholder{width:58px;height:68px;border-radius:6px;flex-shrink:0;background:#f6f3ef;object-fit:contain}.board-character-placeholder{display:grid;place-items:center;color:#aea08c}.board-character-description{flex:1;min-width:140px;overflow:hidden}.board-character-description h3{font-size:12px;font-weight:500}.board-character-filename{font-size:11px;color:#9b8f7e;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-character-actions{display:flex;align-items:center;gap:8px}.board-character-actions .secondary-button{font-size:11px}.board-character-note,.board-character-error{font-size:11px;line-height:1.8;margin-top:11px;color:#9b8f7e}.board-character-error{color:#b34040}.board-prompt{padding:23px 0 0;margin-top:20px;border-top:1px solid var(--line)}.board-prompt p{font-size:12px;line-height:1.9;color:#9b8f7e;margin-bottom:17px}.about-modal{width:690px}.about-modal p{font-size:12px;line-height:2;color:#9a8f7f;margin:17px 0}.about-modal h3{font-size:14px;font-weight:550;margin-top:28px}.project-modal{width:720px}.project-modal .modal-inner{padding:30px 35px 32px}.project-heading{align-items:center}.project-intro{max-width:610px;margin-top:12px;color:#938777;font-size:12px;line-height:1.9}.project-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:24px;border-block:1px solid var(--line)}.project-stats>div{min-width:0;padding:20px 12px 18px;text-align:center}.project-stats>div+div{border-left:1px solid var(--line)}.project-stats strong,.project-stats span{display:block}.project-stats strong{color:#8a6635;font-size:22px;font-weight:660;font-variant-numeric:tabular-nums}.project-stats span{margin-top:5px;color:#a0988c;font-size:9px}.project-section{margin-top:25px}.project-section h3{margin-bottom:10px;color:#847a6b;font-size:11px;font-weight:600}.project-link{display:flex;min-height:58px;align-items:center;gap:12px;padding:10px 13px;border-top:1px solid var(--line);color:#756856}.project-link:last-child{border-bottom:1px solid var(--line)}.project-link:hover{color:var(--blue);background:#fbfaf8}.project-link>span{display:grid;min-width:0;gap:3px}.project-link strong{font-size:11px}.project-link small{overflow:hidden;color:#a8a094;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.project-link>svg:last-child{margin-left:auto}.project-author>div{display:flex;align-items:center;gap:11px;padding-top:10px;border-top:1px solid var(--line)}.author-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#f9f5ef;color:var(--blue);font-size:13px;font-weight:700}.project-author>div>span:nth-child(2){display:grid;margin-right:auto;gap:2px}.project-author strong{font-size:11px}.project-author small{color:#a8a095;font-size:9px}.project-author a{display:inline-flex;align-items:center;gap:4px;color:#897b67;font-size:10px}.project-author a:hover{color:var(--blue)}.header-board{display:flex;align-items:center;gap:5px;padding:5px;color:#928676}.header-board small{font-size:8px;display:grid;place-items:center;min-width:15px;height:15px;border-radius:50%;background:#f7f2eb;color:var(--blue)}@media(min-width:781px){.topbar{height:64px}main{padding-top:24px}.intro{min-height:235px}.study-shelf{min-height:230px;padding-block:15px}.study-sheet img{height:139px}.study-label{margin-bottom:13px}.intro h1{font-size:43px}.eyebrow{margin-bottom:12px}.intro-description{margin-top:11px}.intro-link{margin-top:12px}.collection-summary{margin-top:16px;margin-bottom:24px;padding-bottom:16px}.collection-header{margin-bottom:18px}.search-box{min-height:45px}.search-box input{height:43px}.category-area{margin-top:14px}.result-toolbar{margin-top:15px;margin-bottom:13px}}.category-area{max-height:none;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#f0ebe5 transparent;padding-bottom:4px}.category-chips{flex-wrap:nowrap}@media(min-width:1600px){.reference-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.intro{grid-template-columns:1.2fr 1fr}.study-shelf{max-width:570px;width:100%;justify-self:end}.study-sheet{max-width:175px}}@media(max-width:1200px){:root{--sidebar-width: 208px}.sidebar{padding-inline:12px}.brand{padding-left:12px}.topbar{padding-inline:29px}main{padding-inline:29px}.intro{gap:25px}.study-shelf{padding:17px 16px}.study-pair{gap:9px}.study-sheet{padding:8px}.study-sheet img{height:147px}.study-shelf{min-height:249px}.study-label{font-size:7px}.reference-grid{gap:21px 14px}.card-open{padding-inline:7px}.card-type{font-size:7px}.card-meta{padding-inline:0}.header-actions{gap:14px}.studio-badge{display:none}.intro-description{font-size:11px}}@media(max-width:1020px){.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro{grid-template-columns:1.1fr 1fr;gap:18px}.study-plus{display:none}.study-sheet img{height:135px}.study-shelf{padding:15px 12px;min-height:230px}.study-sheet{padding:7px}.sheet-code{font-size:6px!important}.sheet-caption{font-size:7px}.study-label{font-size:6px;letter-spacing:0}.study-label svg{width:11px}.intro{min-height:260px}h1{font-size:36px}.eyebrow{font-size:8px;letter-spacing:0}.intro-description,.intro-link{font-size:10px}.detail-info{padding:22px}.detail-info h2{font-size:23px}.detail-stage{min-height:620px}.detail-modal .modal-inner{grid-template-columns:1.1fr 1fr}}@media(max-width:780px){:root{--sidebar-width: 0px}.sidebar{display:none}.mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:calc(62px + env(safe-area-inset-bottom));padding:4px 8px env(safe-area-inset-bottom);border-top:1px solid #eeebe7;background:#fffffff5;box-shadow:0 -8px 24px #4c3d290a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-bottom-nav>button{position:relative;display:flex;min-width:0;min-height:56px;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#91897d;font-size:9px;font-weight:550}.mobile-bottom-nav>button:before{content:"";position:absolute;top:-5px;width:22px;height:2px;border-radius:0 0 2px 2px;background:transparent}.mobile-bottom-nav>button.active{color:var(--blue)}.mobile-bottom-nav>button.active:before{background:var(--blue)}.mobile-bottom-nav>button:active{background:#f8f6f2}.mobile-nav-icon{position:relative;display:flex}.mobile-nav-icon small{position:absolute;top:-7px;left:14px;min-width:16px;height:16px;padding:0 4px;border:2px solid #fff;border-radius:9px;background:#e85a67;color:#fff;font-size:8px;font-weight:700;line-height:12px;text-align:center;font-variant-numeric:tabular-nums}.mobile-extended-toggle{display:flex;width:32px;height:32px;align-items:center;justify-content:center;color:var(--muted)}.mobile-extended-toggle.active{color:var(--blue);background:var(--lavender);border-radius:6px}.topbar{height:52px;padding:0 22px}.topbar-brand img{width:27px;height:27px}.topbar-brand strong{font-size:12px}.header-actions{gap:15px}.header-source,.header-board{display:none}.breadcrumb{font-size:10px;gap:9px;min-width:0}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-button{font-size:10px}.workspace{margin-left:0;padding-bottom:calc(68px + env(safe-area-inset-bottom))}.library-main-saved .intro,.library-main-saved .collection-summary{display:none}main{padding:25px 22px 0}.intro{grid-template-columns:1.1fr 1fr;gap:24px;min-height:260px}.study-shelf{min-height:237px}.study-sheet img{height:140px}.intro-description{font-size:11px}.eyebrow{font-size:8px;margin-bottom:16px}.intro-link{font-size:10px}h1{font-size:40px}.study-plus{display:block;font-size:16px}.collection-summary{margin-top:22px;margin-bottom:28px;font-size:9px;gap:14px}.summary-right{font-size:7px}.collection-header{margin-bottom:18px}.reference-grid{gap:22px 15px}.card-title{font-size:11px}.toast{left:50%;bottom:calc(78px + env(safe-area-inset-bottom))}.detail-modal{max-width:calc(100vw - 28px)}.detail-stage{padding:18px;min-height:610px}.detail-info{padding:20px}.detail-info h2{font-size:22px}.detail-info-top{margin-bottom:17px}.detail-actions{margin-top:20px}.description-section{margin-top:23px}.board-modal .modal-inner,.about-modal .modal-inner{padding:25px}.board-slot>img{height:215px}.board-empty{height:270px}.panel-heading h2{font-size:24px}.board-modal{max-width:calc(100vw - 28px)}}@media(max-width:560px){.topbar{padding:0 16px}.header-actions{gap:12px}.language-button>span{display:none}.language-button{padding-block:8px}.project-modal .modal-inner{padding:22px 19px}.project-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.project-stats>div{padding-block:15px;border-bottom:1px solid var(--line)}.project-stats>div+div{border-left:0}.project-stats>div:nth-child(2n){border-left:1px solid var(--line)}.project-stats>div:last-child{grid-column:1 / -1;border-bottom:0}.project-author>div{flex-wrap:wrap}.project-author>div>span:nth-child(2){flex:1;min-width:120px}main{padding:24px 16px 0}.intro{display:block;min-height:0;position:relative}.intro-copy{max-width:100%;padding-bottom:0}.eyebrow{font-size:8px;letter-spacing:.3px;margin-bottom:17px}h1{font-size:43px;line-height:1.16;letter-spacing:-1.5px}html[lang=zh-CN] h1{font-size:43px;line-height:1.23;letter-spacing:1px}.intro-description{font-size:11px;margin-top:13px;max-width:280px}.intro-link{margin-top:15px;font-size:10px}.study-shelf{margin-top:24px;min-height:230px;padding:15px 25px 20px}.study-label{font-size:7px;margin-bottom:13px}.study-pair{gap:23px}.study-plus{font-size:21px}.study-sheet{max-width:145px;padding:8px 11px}.study-sheet img{height:150px}.sheet-code{font-size:7px!important}.sheet-caption{font-size:8px}.collection-summary{font-size:8px;gap:9px;margin:22px 0 28px;padding-bottom:19px}.collection-summary strong{font-size:11px;margin-right:3px}.summary-right{display:none}.collection-summary i{margin-inline:2px}.section-kicker{font-size:7px;letter-spacing:1.3px;margin-bottom:8px}h2{font-size:22px}.collection-header h2>span{font-size:9px;margin-left:8px}.search-row{gap:8px}.search-box{padding:0 11px;min-height:45px;gap:7px}.search-box input{height:43px;font-size:11px}.search-box>svg{width:17px}.search-box kbd{display:none}.sort-control{gap:0}.sort-control>span{display:none}.sort-control select{font-size:10px;max-width:103px}.category-area{margin-top:14px;max-height:31px}.category-chips{gap:6px}.chip{padding:5px 9px;font-size:9px;min-height:28px}.chip small{font-size:7px}.result-toolbar{font-size:9px;margin:16px 0 13px;gap:7px}.regular-label{font-size:8px}.result-dot{margin:0 6px}.angle-control{font-size:8px;gap:3px}.angle-control>span{display:none}.angle-control select{font-size:9px;max-width:100px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px}.card-image-wrap{border-radius:7px}.card-open{padding:29px 6px 18px}.pose-angle-strip{margin:0 5px 5px;gap:2px;padding:3px;border-radius:5px}.pose-angle-thumb{gap:2px;padding:1px;border-radius:3px;font-size:6px}.card-type{top:10px;left:9px;font-size:7px;letter-spacing:.4px}.save-button{top:6px;right:6px;width:28px;height:28px}.save-button svg{width:15px}.card-meta{padding-top:9px}.card-category{font-size:8px}.card-category code{font-size:7px}.card-title{font-size:11px;min-height:38px;margin-top:5px}.card-bottom{font-size:8px;margin-top:0}.card-image-wrap:before{left:8px;top:38px}.card-image-wrap:after{right:9px;bottom:12px}.view-count{font-size:7px;bottom:8px;left:8px;padding:3px 5px}.view-count svg{width:10px}.add-pair{min-width:27px;min-height:27px}.inspect-affordance{display:none}.load-more{padding-block:32px 36px}footer{gap:12px;flex-wrap:wrap;padding:22px 0;font-size:8px}footer p{font-size:8px;flex:1}footer button{font-size:8px}footer .back-top{display:none}dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:11px}.detail-modal .modal-inner{display:block}.detail-stage{min-height:0;padding:14px 16px 10px}.detail-stage .detail-image{height:43dvh;min-height:220px;margin:10px 0}.detail-mobile-close{display:flex}.detail-info-top>.icon-button{display:none}.detail-info{padding:22px}.detail-info-top{margin-bottom:15px}.detail-info h2{font-size:22px}.detail-pagination{gap:30px}.detail-actions{margin-top:20px}.detail-angle-section{margin-top:22px}.description-section{margin-top:22px;padding-top:20px}.key-hint{display:none}.board-modal .modal-inner,.about-modal .modal-inner{padding:22px 19px}.panel-heading h2{font-size:21px;letter-spacing:-.3px}.panel-heading{gap:10px}.panel-description{font-size:11px}.board-slots{gap:10px;margin-top:20px}.board-slot{padding:10px}.board-slot-heading>span{font-size:9px;gap:5px}.board-slot>img{height:170px}.board-slot h3{font-size:10px}.board-slot>code{font-size:8px;overflow-wrap:anywhere}.board-empty{height:230px;gap:16px}.board-empty>svg{width:34px}.board-empty p{font-size:9px}.board-empty .secondary-button{font-size:9px;padding:8px;gap:4px}.board-empty .secondary-button svg{width:12px}.board-prompt p,.about-modal p{font-size:11px}.toast{font-size:11px;white-space:normal;text-align:center;min-width:180px}.image-fallback{font-size:9px;padding:12px}.image-fallback button{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reference-card:hover .card-open>img{transform:none}}.usage-steps{margin:16px 0 22px;padding-left:20px;color:#9a8f7f;font-size:12px;line-height:2}.usage-steps li+li{margin-top:8px}.image-settings-button{position:relative}.image-settings-button.configured{color:var(--blue)}.settings-ready-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#69977d;top:4px;right:3px}.reference-description-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.reference-generate{color:var(--blue)}.reference-generate-hint{color:#b1a89c;font-size:10px;line-height:1.5}.image-settings-modal{width:560px}.image-settings-modal .modal-inner{padding:28px 32px}.image-settings-form{margin-top:25px;display:grid;gap:17px}.image-settings-form label,.api-key-field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#786c5b}.image-settings-form input:not([type=checkbox]),.image-settings-form select,.generation-prompt textarea{width:100%;min-width:0;border:1px solid #f0ebe6;border-radius:6px;background:#fdfcfa;color:var(--ink);font-size:12px;padding:11px 12px}.image-settings-form input:focus,.image-settings-form select:focus,.generation-prompt textarea:focus{outline:2px solid #f4ece1;outline-offset:1px}.api-key-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.api-key-help-links{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:12px}.api-key-help-links a,.api-key-help-links button{color:var(--blue);text-decoration:underline;text-underline-offset:3px;font-size:11px}.api-key-help-links button{display:inline-flex;align-items:center;gap:4px;padding:0}.api-key-help-links a:hover,.api-key-help-links button:hover{text-decoration-thickness:2px}.api-key-input{display:flex;align-items:center;gap:5px}.api-key-input input{flex:1}.image-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.image-settings-form .remember-key{flex-direction:row;align-items:center;gap:9px}.remember-key input{accent-color:var(--blue)}.settings-note{color:#a29889;font-size:11px;line-height:1.8}.api-guide-modal{width:min(680px,calc(100vw - 32px))}.api-guide-modal .modal-inner{padding:28px 32px}.api-guide-intro{margin-top:16px;color:#877b6a;font-size:12px;line-height:1.8}.api-guide-steps{list-style:none;display:grid;gap:0;margin:22px 0 0;padding:0;border-top:1px solid var(--line)}.api-guide-steps li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}.api-guide-steps li>span{color:var(--blue);font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.8}.api-guide-steps p{color:#6c6050;font-size:12px;line-height:1.8}.api-guide-privacy{margin-top:16px;color:#a29889;font-size:11px;line-height:1.7}.api-guide-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:20px}.api-guide-actions a{display:inline-flex;align-items:center;gap:7px}.image-settings-actions{display:flex;justify-content:space-between;gap:12px;padding-top:10px}.generation-error{color:#b35457;font-size:12px;line-height:1.7}.generation-modal{width:1220px}.generation-modal .modal-inner{padding:25px 28px}.generation-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px;gap:12px}.generation-heading h2{font-size:25px}.generation-preview-toolbar{display:flex;margin:12px 0 14px 117px}.generation-preview-switch{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#f9f8f6}.generation-preview-switch button{padding:7px 13px;border:0;border-radius:5px;background:transparent;color:#a29686;font-size:11px}.generation-preview-switch button[aria-pressed=true]{background:#fff;color:var(--blue);box-shadow:0 1px 4px #4e3f2a12}.generation-comparison{display:grid;grid-template-columns:100px minmax(0,1fr) minmax(0,1fr);gap:17px;align-items:stretch}.generation-comparison.overlay-mode{grid-template-columns:100px minmax(0,1fr)}.generation-thumbnails{display:flex;flex-direction:column;gap:14px}.generation-thumbnail{border:1px solid var(--line);border-radius:8px;padding:5px;min-width:0;background:#fbfaf9;color:#a29686}.generation-thumbnail.active{border-color:var(--blue);background:#faf7f2;color:var(--blue)}.generation-thumbnail:hover:not(:disabled){border-color:#e7cfae}.generation-thumbnail>img{width:100%;height:112px;object-fit:contain;background:#fff;border-radius:4px}.generation-thumbnail>span:last-child{display:block;padding:7px 0 3px;font-size:10px;line-height:1.4}.generation-missing{display:grid;place-items:center;height:112px}.generation-frame{border:1px solid var(--line);border-radius:9px;overflow:hidden;min-width:0;display:flex;flex-direction:column;background:#f9f8f6}.generation-frame-heading{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;background:#fff;border-bottom:1px solid var(--line);font-size:11px;color:#877966}.generation-frame-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.generation-image-action{width:27px;height:27px;padding:0;color:#c2a67e;flex-shrink:0}.generation-image-action:disabled{opacity:.65}.generation-image-button{display:flex;width:100%;min-height:0;padding:0;border:0;background:transparent;cursor:zoom-in}.generation-image-button>img{width:100%;height:min(46dvh,420px);object-fit:contain}.generation-image-button:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.image-lightbox{width:min(980px,calc(100vw - 48px))}.image-lightbox .modal-inner{padding:18px}.image-lightbox-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#877966;font-size:12px;margin-bottom:12px}.image-lightbox-canvas{text-align:center;min-height:260px;max-height:calc(100dvh - 190px);overflow:auto;padding:12px;border-radius:8px;background:#f9f8f6}.image-lightbox-canvas img{display:block;margin:auto;max-width:100%;max-height:calc(100dvh - 190px);object-fit:contain}.image-lightbox-canvas.full-size img{max-width:none;max-height:none}.generation-download-control{display:inline-flex;align-items:center;position:relative;flex-shrink:0}.generation-download-error{position:absolute;z-index:3;top:calc(100% + 6px);right:0;width:160px;padding:8px 10px;border:1px solid #e5c4c4;border-radius:5px;background:#fff;color:#b35457;font-size:11px;line-height:1.6}.image-lightbox-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px}.image-lightbox-actions .secondary-button{font-size:11px}.generation-frame-heading code{font-size:9px;color:#b4aa9d;overflow-wrap:anywhere}.generation-status{display:flex;gap:5px;align-items:center;color:var(--blue);font-size:10px}.generation-output.error .generation-status{color:#b35457}.generation-canvas{min-height:340px;flex:1;display:flex;align-items:center;justify-content:center;padding:16px}.generation-canvas>img{width:100%;height:min(46dvh,420px);object-fit:contain}.generation-canvas.generation-overlay-canvas{padding:0}.comparison-workspace{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}.comparison-alignment-toolbar{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;background:#fcfbf9;border-bottom:1px solid var(--line)}.comparison-alignment-toolbar button{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#877966;padding:5px 7px;border-radius:5px}.comparison-alignment-toolbar button:hover,.comparison-alignment-toolbar button[aria-pressed=true]{color:var(--blue);background:#f8f3ec}.comparison-alignment-controls{padding:10px 12px;border-bottom:1px solid var(--line);background:#fff}.comparison-alignment-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.comparison-alignment-options label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.comparison-alignment-options select{border:1px solid var(--line);border-radius:5px;background:#fff;padding:5px 7px;color:var(--ink);font:inherit;max-width:160px}.comparison-alignment-zoom{display:flex;align-items:center;gap:7px}.comparison-alignment-zoom button{display:grid;place-items:center;padding:4px;color:var(--muted)}.comparison-alignment-zoom input{width:96px;accent-color:var(--blue)}.comparison-alignment-zoom output{min-width:38px;font-size:11px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.comparison-alignment-controls p{display:flex;align-items:flex-start;gap:5px;margin-top:8px;color:var(--muted);font-size:10px;line-height:1.6}.comparison-alignment-controls p svg{flex:0 0 auto;margin-top:2px}.comparison-wipe{flex:1;position:relative;width:100%;height:max(340px,min(46dvh,420px));overflow:hidden;isolation:isolate}.comparison-wipe-layer{position:absolute;inset:0;display:grid;place-items:center;background:#f9f8f6}.comparison-wipe-image{position:absolute;inset:0;transform-origin:center}.comparison-wipe-image>img{width:100%;height:100%;min-height:0;object-fit:contain;padding:16px;-webkit-user-select:none;user-select:none;pointer-events:none}.comparison-wipe-label{position:absolute;top:12px;padding:3px 6px;background:#ffffffeb;border:1px solid var(--line);border-radius:5px;color:#877966;font-size:10px;pointer-events:auto;z-index:2;display:flex;align-items:center;gap:5px}.comparison-wipe-label>button{display:inline-flex;align-items:center;gap:5px;padding:0;background:transparent;color:inherit;font-size:inherit}.comparison-wipe-label .generation-image-action{width:20px;height:20px}.comparison-wipe-label svg{width:12px;height:12px}.comparison-wipe-label.generated{left:12px}.comparison-wipe-label.reference{right:12px}.comparison-wipe-divider{position:absolute;top:50%;height:min(96px,24%);width:1px;transform:translate(-50%,-50%);background:linear-gradient(transparent,#c3b7a7 25%,#c3b7a7 75%,transparent);pointer-events:none}.comparison-wipe-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:24px;height:24px;border:1px solid #dfd8cd;border-radius:50%;background:#fffffff5;color:var(--blue);box-shadow:0 1px 5px #4e3f2a18}.comparison-wipe-divider svg{width:12px;height:12px}.comparison-alignment-drag{position:absolute;inset:0;z-index:1;cursor:grab;touch-action:none}.comparison-alignment-drag:active{cursor:grabbing}.comparison-alignment-drag:focus-visible{outline:2px dashed #cab08c;outline-offset:-4px}.comparison-wipe.is-aligning .comparison-wipe-divider{visibility:hidden}.comparison-wipe.is-aligning .comparison-wipe-generated{opacity:.5}.comparison-wipe.is-aligning:focus-within{outline:none}.comparison-wipe-range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;appearance:none;touch-action:pan-y}.comparison-wipe-range::-webkit-slider-thumb{appearance:none;width:1px;height:100%}.comparison-wipe-range::-moz-range-thumb{width:1px;height:100%;border:0}.comparison-wipe:focus-within{outline:2px solid var(--blue);outline-offset:-3px}.generation-caption{padding:11px 15px;color:#a29686;font-size:11px;background:#fff;border-top:1px solid var(--line);line-height:1.6}.generation-placeholder{display:flex;align-items:center;flex-direction:column;gap:15px;text-align:center;padding:20px;max-width:360px;color:#ae9d86}.generation-placeholder h3{color:#82715a;font-size:14px;font-weight:500}.generation-placeholder p{font-size:11px;color:#aa9f8f;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}.generation-reference-hint{font-size:10px;color:#b1a696;line-height:1.7;margin:13px 0 20px 117px}.generation-prompt{border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:1fr auto;gap:11px 17px;align-items:end}.generation-prompt>label{grid-column:1 / -1;color:#9a8e7d;font-size:11px}.generation-prompt textarea{resize:vertical;line-height:1.7;min-height:90px}.generation-prompt textarea:disabled{color:#afa597}@media(max-width:760px){.image-settings-modal .modal-inner,.api-guide-modal .modal-inner,.generation-modal .modal-inner{padding:21px}.api-key-label{align-items:flex-start;flex-direction:column}.api-key-help-links{justify-content:flex-start}.api-guide-actions>a{width:100%;justify-content:center}.generation-comparison{grid-template-columns:76px minmax(0,1fr) minmax(0,1fr);gap:10px}.generation-comparison.overlay-mode{grid-template-columns:76px minmax(0,1fr)}.generation-preview-toolbar{margin-left:86px}.comparison-wipe{height:max(300px,min(46dvh,420px))}.generation-thumbnail>img,.generation-missing{height:90px}.generation-frame-heading{padding:10px}.generation-canvas{padding:10px;min-height:300px}.generation-placeholder{padding:8px}.generation-reference-hint{margin-left:86px}.generation-prompt{grid-template-columns:1fr}.generation-prompt>button{justify-self:end}}@media(max-width:560px){.generation-comparison{grid-template-columns:1fr 1fr}.generation-comparison.overlay-mode{grid-template-columns:minmax(0,1fr)}.generation-preview-toolbar{margin-left:0}.comparison-wipe{height:330px}.generation-thumbnails{grid-column:1 / -1;flex-direction:row;gap:9px}.generation-thumbnail{width:80px}.generation-thumbnail>img,.generation-missing{height:75px}.generation-frame{grid-column:1 / -1}.generation-canvas{min-height:280px}.generation-canvas>img,.generation-image-button>img{height:330px}.generation-reference-hint{margin-left:0}.image-settings-form{gap:14px}.image-settings-actions .primary-button,.image-settings-actions .secondary-button{padding:10px 12px}}.portrait-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;color:#9b8f7e;font-size:12px}.portrait-filters .category-chips{padding:0}.hero-study{background:var(--lavender);border-radius:14px;padding:18px;min-width:0}.hero-study-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9b9081;font-size:10px;margin-bottom:14px}.hero-equation{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1.25fr);align-items:center}.hero-inputs{min-width:0}.hero-input-group{display:flex;flex-direction:column;align-items:center}.hero-input{width:100%;min-width:0;display:flex;align-items:center;gap:10px;padding:5px;border:1px solid #ffffffc9;border-radius:7px;text-align:left;background:#ffffffec;box-shadow:0 3px 10px #463e3306}.hero-input img{width:48%;height:62px;object-fit:contain;background:#fbfaf9;border-radius:3px}.hero-input>span{color:#786c5b;font-size:11px}.hero-input small{display:block;font-family:monospace;font-size:6px;color:#aea495;margin-top:5px}.hero-plus{display:block;color:#aca090;height:15px;font-size:13px;line-height:15px}.hero-equals{color:var(--blue);font-size:21px;text-align:center}.hero-result{display:flex;flex-direction:column;min-width:0;background:#fff;padding:6px;border-radius:8px;box-shadow:0 6px 18px #463e3312;text-align:left}.hero-result>img{height:232px;width:100%;object-fit:contain;background:#f5f5f4;border-radius:4px}.hero-result>span{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:8px 3px 2px;color:#97794f;font-size:10px}.hero-result small{display:block;color:#ada498;font-size:8px;margin-top:3px}.hero-input:hover,.hero-result:hover{box-shadow:0 6px 18px #463e3325}.hero-study-modal{width:720px;padding:22px}.hero-study-modal>img{display:block;max-height:75vh;width:100%;object-fit:contain}@media(min-width:1600px){.hero-study{width:100%;max-width:570px;justify-self:end}}@media(min-width:561px)and (max-width:1020px){.hero-study{padding:12px}.hero-study-heading{font-size:8px}.hero-input{gap:5px}.hero-input>span{font-size:9px}.hero-input small{display:none}.hero-equation{grid-template-columns:minmax(0,1fr) 20px minmax(0,1.25fr)}}@media(max-width:560px){.hero-study{margin-top:24px;padding:16px}.hero-result>img{height:252px}.hero-input img{height:68px}}.character-card .card-bottom>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[hidden]{display:none!important}.studio-main{padding-bottom:42px}.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.image-studio .studio-heading h1{font-size:29px;font-weight:600;letter-spacing:-.7px;margin:9px 0 8px}.studio-heading p{font-size:12px;color:var(--muted);line-height:1.8}.studio-heading-actions{display:flex;flex-wrap:nowrap;gap:9px;justify-content:flex-end}.studio-heading-actions .secondary-button{padding:9px 12px;font-size:11px;white-space:nowrap}.studio-heading-actions small{padding:1px 5px;background:#f9f5f0;border-radius:4px;color:var(--blue)}.studio-config.configured{color:var(--blue)}.studio-layout{display:grid;grid-template-columns:minmax(290px,34%) minmax(0,1fr);gap:24px;align-items:start}.studio-controls{padding:23px;background:var(--paper);border:1px solid var(--line);border-radius:13px;min-width:0}.studio-section-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:13px}.studio-section-heading h2{font-size:13px;font-weight:600}.studio-section-heading>span{font-size:10px;color:var(--muted)}.studio-randomize{display:inline-flex;align-items:center;gap:5px;padding:4px 0 4px 6px;color:var(--blue);font-size:11px;white-space:nowrap}.studio-randomize:hover:not(:disabled){text-decoration:underline}.studio-randomize:disabled{opacity:.45;cursor:not-allowed}.studio-reference-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.studio-reference-slot{min-width:0}.studio-slot-image{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:3/4;background:#f9f8f6;border:1px dashed #e1dad0;border-radius:8px;overflow:hidden;padding:0;color:#ad9e8a}.studio-slot-image.filled{border-style:solid;background:#fff}.studio-slot-image:hover:not(:disabled){border-color:var(--blue)}.studio-slot-image>img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.studio-slot-image>span:first-child{display:flex;align-items:center;gap:3px}.studio-slot-image .image-fallback{font-size:10px;padding:8px}.studio-slot-image .studio-slot-replace{position:absolute;display:grid;place-items:center;right:4px;bottom:4px;background:#fffffff0;border:1px solid var(--line);width:20px;height:20px;border-radius:5px;color:var(--blue)}.studio-slot-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;margin-top:9px}.studio-slot-label strong{font-size:11px;font-weight:500}.studio-slot-label small{font-size:9px;color:var(--muted)}.studio-slot-caption{display:flex;align-items:center;gap:3px;min-width:0;height:26px}.studio-slot-caption>span{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-slot-caption .icon-button{width:20px;height:20px;margin-left:auto;flex-shrink:0}.studio-upload{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 0}.studio-upload-button{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:5px 0;color:var(--blue)}.studio-reference-slot>.studio-upload-button{font-size:10px;padding:7px 0 0;gap:4px}.studio-upload-note{font-size:10px;color:var(--muted);line-height:1.8;margin:11px 0}.studio-upload>span{font-size:9px;color:var(--muted);line-height:1.7}.studio-pose-options{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:6px}.studio-depth{display:flex;align-items:center;gap:7px;font-size:11px}.studio-depth input{accent-color:var(--blue)}.studio-angle{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted)}.studio-angle select{max-width:100px;font-size:10px;padding:5px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink)}.studio-controls-divider{height:1px;background:var(--line);margin:20px 0}.studio-styles{display:flex;gap:6px;flex-wrap:wrap}.studio-styles button{border:1px solid var(--line);padding:6px 9px;font-size:10px;border-radius:6px;color:#8a7d6b}.studio-styles button[aria-pressed=true]{border-color:#ebd7bc;background:#faf7f3;color:var(--blue)}.studio-field-label{display:flex;align-items:center;gap:6px;font-size:11px;margin:19px 0 8px}.studio-field-label small{font-size:9px;color:var(--muted)}.studio-select,.studio-controls textarea{width:100%;border:1px solid var(--line);background:#fcfbfa;color:var(--ink);padding:10px 11px;border-radius:7px;font-size:11px;line-height:1.8}.studio-controls textarea{resize:vertical;min-height:84px}.studio-controls textarea:focus-visible{outline:3px solid #ebd7bc;outline-offset:2px}.studio-advanced{margin-top:11px}.studio-advanced summary{font-size:11px;color:#8a7d6b;padding:8px 0;cursor:pointer}.studio-advanced summary small{display:block;font-size:9px;color:var(--blue);margin-top:6px}.studio-advanced .text-action{margin-top:10px;font-size:10px}.studio-generate-area{border-top:1px solid var(--line);margin-top:14px;padding-top:15px}.studio-readiness{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);line-height:1.8;flex-wrap:wrap}.studio-readiness code{font-size:9px;overflow-wrap:anywhere}.studio-generate-button{width:100%;margin-top:10px;justify-content:center;padding:13px;font-size:12px;border-radius:8px}.studio-generate-button>svg:last-child{margin-left:auto}.studio-generate-button>svg:first-child{margin-right:auto}.studio-api-hint{display:flex;align-items:center;gap:6px;color:var(--blue);padding:10px 0 0;font-size:11px;text-align:left}.studio-settings-note{font-size:9px;color:var(--muted);line-height:1.8;margin-top:10px}.studio-result{min-width:0}.studio-result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:38px;margin-bottom:13px}.studio-result-toolbar .generation-preview-switch button{font-size:11px;padding:7px 12px}.studio-compare-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:10px}.studio-compare-label select{border:1px solid var(--line);background:#fff;color:var(--ink);padding:5px 7px;border-radius:5px;font-size:11px}.studio-compare-label>span{margin-left:auto;font-size:10px}.studio-canvas{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;min-height:500px;height:clamp(500px,66dvh,780px);border:1px solid var(--line);background:#f4f2ef;border-radius:12px;overflow:hidden}.studio-canvas.studio-split{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-result-image{min-width:0;height:100%;position:relative}.studio-result-image+.studio-result-image{border-left:1px solid var(--line)}.studio-result-image>button{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;cursor:zoom-in}.studio-result-image>button>img{width:100%;height:100%;object-fit:contain}.studio-image-tag{position:absolute;top:12px;left:12px;z-index:1;padding:5px 8px;font-size:10px;color:#8a7d6b;background:#fffffff0;border-radius:5px;pointer-events:none}.studio-result-image>.generation-download-control{position:absolute;bottom:10px;right:10px;border:1px solid var(--line);border-radius:6px;background:#fff}.studio-canvas .comparison-wipe{height:auto;min-height:0}.studio-canvas .comparison-wipe-layer{background:#f4f2ef}.studio-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px;text-align:center;color:#aa9b86;grid-column:1 / -1;min-width:0}.studio-placeholder h2{font-size:18px;font-weight:500;color:#807059}.studio-placeholder p{max-width:340px;font-size:12px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere}.studio-placeholder .secondary-button,.studio-placeholder .primary-button{font-size:12px}.studio-elapsed{display:flex;align-items:center;gap:7px;font-family:monospace;font-size:11px}.studio-failed{color:#b35457}.studio-empty-composition{display:flex;align-items:center;gap:8px;margin-bottom:7px}.studio-empty-composition>div{display:flex;align-items:center;gap:8px}.studio-empty-composition button{height:108px;width:76px;padding:6px;display:grid;place-items:center;border:1px solid #f0ece5;border-radius:8px;background:#ffffffb3;color:#c1b29e;box-shadow:0 4px 12px #917f6508}.studio-empty-composition button img{height:94px;width:64px;object-fit:contain}.studio-result-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 2px 17px;color:var(--muted);font-size:10px}.studio-result-meta>span{display:flex;align-items:center;gap:5px}.studio-result-meta code{font-size:9px;overflow-wrap:anywhere}.studio-result-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:16px}.studio-result-actions .secondary-button{padding:10px 13px;font-size:11px}.studio-reuse{color:var(--blue);border-color:#f3ece2;background:#f9f5f0}.studio-result-note{color:var(--muted);font-size:10px;line-height:1.8;margin:16px 0 0}.studio-history{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.studio-history>p{font-size:10px;line-height:1.8;color:var(--muted);margin-bottom:13px}.studio-history-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.studio-history-item{display:flex;align-items:center;min-width:0;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px;gap:8px}.studio-history-item>button:first-child{flex:1;min-width:0;display:flex;align-items:center;gap:11px;text-align:left;padding:0}.studio-history-item img{width:46px;height:65px;object-fit:cover;border-radius:5px}.studio-history-item span{font-size:11px;overflow-wrap:anywhere}.studio-history-item small{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:9px;color:var(--muted)}.studio-history-item small:last-child{color:var(--blue)}.studio-history-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px;max-width:128px}.studio-history-download.secondary-button{font-size:11px;padding:6px 8px;gap:5px;min-height:30px}.studio-history-actions .studio-inline-error{flex-basis:100%;margin:0}.studio-inline-error{color:#b35457!important;font-size:11px;line-height:1.8}.studio-picker-modal{width:min(960px,calc(100vw - 48px));height:min(800px,calc(100dvh - 64px));overflow:hidden}.studio-picker-modal .modal-inner{display:flex;flex-direction:column;height:100%;min-height:0}.studio-picker-header{flex-shrink:0;padding:24px 26px 14px;border-bottom:1px solid var(--line);background:var(--paper)}.studio-picker-header .panel-heading{align-items:center}.studio-picker-title{display:flex;align-items:center;gap:12px;min-width:0}.studio-picker-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:10px;color:var(--blue);background:#faf7f3}.studio-picker-header h2{font-size:20px;line-height:1.4}.studio-picker-title p{margin:4px 0 0;color:#7e7364;font-size:12px;line-height:1.5}.studio-picker-filters{display:flex;align-items:center;gap:12px;margin:20px 0 12px}.studio-picker-search{display:flex;align-items:center;gap:8px;flex:1;min-width:0;border:1px solid var(--line);background:#fbfaf9;border-radius:7px;padding:10px 12px;color:#7e7364;height:42px}.studio-picker-search:focus-within{border-color:var(--blue);outline:2px solid #b0812f20}.studio-picker-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font-size:13px;outline:none}.studio-picker-search input::placeholder{color:#7e7364}.studio-picker-filters>select{min-width:130px;max-width:180px;height:42px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:10px;font-size:13px;color:var(--ink)}.studio-picker-depth{min-height:42px;padding:0 2px 0 6px;color:var(--ink)}.studio-picker-depth:has(input:disabled){opacity:.5;cursor:not-allowed}.studio-picker-count{margin:0;font-size:12px;color:#7e7364}.studio-picker-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:20px 26px 26px;background:#faf9f8}.studio-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.studio-picker-card{min-width:0;overflow:hidden;padding:0;background:#fff;border:1px solid var(--line);border-radius:10px;text-align:left}.studio-picker-card:hover{border-color:var(--blue);box-shadow:0 2px 8px #b0812f12}.studio-picker-select:focus-visible,.studio-picker-angles>button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.studio-picker-select{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left}.studio-picker-grid .studio-picker-preview{display:block;width:100%;height:185px;padding:10px;object-fit:contain;background:#fff}.studio-picker-card-costume .studio-picker-preview{height:220px}.studio-picker-card-title{display:block;padding:11px 12px;border-top:1px solid #f4f1ee;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.studio-picker-angles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:0 10px 10px}.studio-picker-angles>button{min-width:0;overflow:hidden;padding:3px 1px 4px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--muted)}.studio-picker-angles>button:hover{border-color:var(--blue)}.studio-picker-angles>button[aria-pressed=true]{border-color:var(--blue);background:#faf7f3;color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.studio-picker-angles img{display:block;width:100%;height:42px;object-fit:contain}.studio-picker-angles span{display:block;margin-top:3px;font-size:9px;line-height:1.3;text-align:center}.studio-picker-more{margin:20px auto 0;text-align:center}.studio-picker-empty{color:var(--muted);font-size:13px;text-align:center;padding:50px}@media(max-width:1180px){.studio-main{padding:28px 25px 35px}.studio-layout{grid-template-columns:minmax(260px,38%) minmax(0,1fr);gap:18px}.studio-controls{padding:17px}.studio-heading{align-items:flex-start}.image-studio .studio-heading h1{font-size:26px}.studio-result-toolbar .generation-preview-switch button{padding:7px 9px;font-size:10px}}@media(max-width:980px)and (min-width:781px){.studio-layout{grid-template-columns:1fr}.studio-heading-actions{max-width:none}.studio-controls{display:block}.studio-slot-image{max-height:155px}.studio-result{margin-top:5px}}@media(max-width:780px){.studio-main{padding:23px 20px 35px}.studio-layout{grid-template-columns:minmax(250px,39%) minmax(0,1fr);gap:17px}.studio-heading-actions{max-width:none}}@media(max-width:650px){.studio-heading{flex-direction:column;gap:18px;margin-bottom:20px}.studio-heading-actions{justify-content:flex-start}.studio-layout{grid-template-columns:1fr}.studio-controls{padding:18px}.studio-slot-image{max-height:150px}.studio-canvas{min-height:400px;height:500px}.studio-canvas .comparison-wipe{min-height:0}.studio-result-toolbar .generation-preview-switch button{font-size:11px;padding:8px 12px}.studio-compare-label>span{margin-left:0}.studio-empty-composition button{width:65px;height:94px}.studio-empty-composition button img{width:53px;height:82px}.studio-placeholder{padding:20px}.studio-picker-filters{flex-wrap:wrap;gap:10px;margin-top:16px}.studio-picker-modal{width:calc(100vw - 24px);height:calc(100dvh - 32px)}.studio-picker-header{padding:18px 16px 12px}.studio-picker-header h2{font-size:18px}.studio-picker-icon{width:36px;height:36px}.studio-picker-scroll{padding:16px}.studio-picker-filters>select{flex:1;max-width:none;font-size:16px}.studio-picker-search{flex-basis:100%}.studio-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-picker-grid .studio-picker-preview{height:155px}.studio-picker-card-costume .studio-picker-preview{height:190px}.studio-select,.studio-controls textarea,.studio-picker-search input{font-size:16px}}.studio-history-drawer{position:fixed;inset:0 0 0 auto;width:min(420px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-left:1px solid var(--line);border-radius:14px 0 0 14px;box-shadow:-15px 0 60px #372a1820;animation:history-drawer-in .2s ease-out}.studio-history-drawer::backdrop{background:#362b1b30;-webkit-backdrop-filter:none;backdrop-filter:none}.studio-history-drawer .modal-inner{padding:24px}.studio-history-drawer .studio-history{border:0;margin:0;padding:0}.studio-history-drawer .studio-history-grid{grid-template-columns:1fr}.studio-history-drawer .studio-section-heading h2{font-size:18px}.studio-history-drawer .studio-history>p{font-size:12px;margin:12px 0 20px}.studio-history-drawer .studio-history-item img{height:85px;width:60px}.studio-history-drawer .studio-history-item span{font-size:12px}.studio-history-drawer .studio-history-item small{font-size:11px}@keyframes history-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.studio-history-drawer{animation:none}}.costume-extraction-modal{width:min(1000px,calc(100vw - 40px))}.costume-extraction-modal .modal-inner{padding:26px}.costume-extraction-intro{color:var(--muted);font-size:13px;margin:12px 0 24px;line-height:1.7}.costume-extraction-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:22px;align-items:center}.costume-extraction-grid section{min-width:0}.costume-extraction-grid h3{font-size:13px;font-weight:600;margin-bottom:10px}.costume-extraction-preview{position:relative;display:grid;place-items:center;height:clamp(220px,42vh,400px);width:100%;background:#faf9f8;border:1px solid var(--line);border-radius:10px;overflow:hidden}.costume-extraction-preview img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.costume-extraction-input:hover:not(:disabled){border-color:var(--blue)}.costume-extraction-replace{position:absolute;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:6px;background:#fffffff0;border:1px solid var(--line);font-size:11px;color:var(--blue)}.costume-extraction-trigger .primary-button{padding:11px 14px;font-size:12px}.costume-extraction-empty{text-align:center;color:var(--muted);padding:20px}.costume-extraction-empty svg{margin:auto;color:#aea291}.costume-extraction-empty p{margin-top:14px;font-size:12px;line-height:1.7}.costume-extraction-empty small{display:block;margin-top:8px;font-size:10px;line-height:1.7}.costume-extraction-note{color:var(--muted);font-size:11px;line-height:1.7;margin-top:18px}.costume-extraction-success{display:flex;align-items:center;gap:7px;color:var(--blue);margin-top:16px;font-size:12px}.costume-extraction-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.costume-extraction-modal .studio-inline-error{margin-top:16px;white-space:pre-line}@media(max-width:640px){.costume-extraction-modal{width:calc(100vw - 24px)}.costume-extraction-modal .modal-inner{padding:18px}.costume-extraction-grid{grid-template-columns:1fr;gap:16px}.costume-extraction-preview{height:240px}.costume-extraction-trigger{justify-self:center}}.reference-filters{display:flex;flex-wrap:wrap;gap:12px 20px;margin:14px 0}.reference-filter-wrap{margin:14px 0}.reference-filter-wrap .reference-filters{margin:0}.custom-usage-notice{margin:9px 0 0;padding:9px 11px;border-left:3px solid #d38a32;background:#fff8ed;color:#79501d;font-size:12px;line-height:1.55}.reference-filters label,.reference-filter-field{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.reference-filters select{min-width:116px;max-width:190px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:12px}.reference-badges{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.reference-badges>span,.studio-picker-grid .reference-badges>span{display:inline-block;padding:3px 6px;border:0;border-radius:4px;background:#faf7f3;color:#9e7b4a;font-size:10px;line-height:1.4}.studio-picker-card .reference-badges{padding:0 12px 7px;margin:0}.library-filter-panel .search-box{min-height:44px}.library-filter-panel .search-box input{height:42px;font-size:13px}.library-filter-panel .search-box input::placeholder{color:#857968}.reference-filter-wrap .reference-filters{gap:12px 14px;align-items:flex-end}.reference-filters label,.reference-filter-field{flex-direction:column;align-items:stretch;gap:6px;color:#796e5e;font-size:11px}.reference-filters select{width:100%;min-width:130px;max-width:190px;min-height:36px;padding:6px 9px;font-size:12px}.reference-filters .category-filter select{min-width:165px}.reference-filter-field{display:flex;flex:0 1 168px;min-width:0}.reference-filter-field.category-filter{flex-basis:206px}.reference-filter-field>span{padding-left:1px;color:#766b5b;font-size:11px;line-height:1.5}.filter-select-trigger{display:flex;align-items:center;gap:9px;width:100%;min-width:0;height:34px;padding:0 10px;border:1px solid #eeebe7;border-radius:7px;background:var(--paper);color:#524737;font-size:12px;text-align:left;line-height:1.4}.filter-select-trigger:hover{border-color:#d7cbbb;background:#fefefd}.filter-select-trigger.has-value,.filter-select-trigger[aria-expanded=true]{color:#a1763a;border-color:#ead7bd;background:#fdfbf8}.filter-select-trigger:focus-visible{outline:2px solid #e2c59d;outline-offset:2px}.filter-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-select-trigger>svg{color:#968875;transition:transform .15s ease-out}.filter-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.filter-select-count{flex-shrink:0;color:#847765;font-size:11px;font-variant-numeric:tabular-nums}.filter-select-trigger .filter-select-count{padding:1px 5px;background:#f7f4f1;border-radius:4px}.filter-select-menu{position:fixed;inset:auto;margin:0;padding:5px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #efebe7;border-radius:9px;background:#fff;color:#524737;box-shadow:0 8px 28px #4536201a,0 2px 5px #45362008;scrollbar-width:thin}.filter-select-group{margin:6px 7px 3px;padding-top:7px;border-top:1px solid #f4f1ee;color:#877a68;font-size:10px;font-weight:600}.filter-select-option{display:flex;align-items:center;gap:7px;min-height:33px;padding:6px 8px;border-radius:5px;cursor:pointer;font-size:12px;line-height:1.5}.filter-select-check{display:flex;flex-shrink:0;width:14px;color:var(--blue)}.filter-select-option-label{flex:1}.filter-select-option[data-active=true]{background:#faf7f3}.filter-select-option[aria-selected=true]{background:#faf7f2;color:#a57839;font-weight:550}.filter-select-option[aria-disabled=true]{opacity:.43;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.filter-select-trigger>svg{transition:none}}.custom-usage-disclosure{margin-top:12px;font-size:11px;color:#797064}.custom-usage-disclosure summary{cursor:pointer;width:fit-content;padding:3px 0}.custom-usage-disclosure p{max-width:75ch;line-height:1.7;margin:8px 0 0;color:#5d513d}.active-filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:14px;font-size:11px}.active-filter-row>span{color:#807464;margin-right:3px}.active-filter-row button{display:inline-flex;align-items:center;gap:6px;max-width:100%;overflow-wrap:anywhere;text-align:left;padding:5px 8px;color:#a0773e;background:#f8f3ed;border:1px solid #f4ece1;border-radius:5px;font-size:11px}.active-filter-row button:hover{background:#f6efe6}.active-filter-row svg{flex-shrink:0}.active-filter-row .filter-reset{background:transparent;border-color:transparent}.library-result-toolbar{margin-top:17px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:#786c5b}.library-display-options{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 18px}.library-display-options .sort-control,.library-display-options .angle-control{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#807464}.library-display-options select{font-size:12px;color:#564a38}.library-display-options .pose-depth-switch{font-size:11px}@media(max-width:700px){.reference-filters label,.reference-filter-field,.reference-filter-field.category-filter{flex:1 1 calc(50% - 14px);min-width:0}.reference-filters select,.reference-filters .category-filter select{min-width:0;max-width:none}.library-result-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.library-display-options{justify-content:flex-start;width:100%;gap:8px 16px}.library-display-options .sort-control>span,.library-display-options .angle-control>span{display:inline}}.domain-notice-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px}.domain-notice-actions a{text-decoration:none}.domain-notice-opt-out{display:flex;align-items:center;gap:8px;margin-top:20px;cursor:pointer}.domain-notice-opt-out input{width:16px;height:16px;accent-color:#c09252}
