.hsc-page{max-width:1080px;margin:auto;color:#49392f}.hsc-heading,.hsc-section{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}.hsc-heading small,.hsc-section small,.hsc-detail small{font-size:9px;letter-spacing:2px;color:#a27655}.hsc-heading h1{font-size:29px;margin:10px 0}.hsc-heading a,.hsc-section a{font-size:12px}.hsc-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:30px 40px;border:1px solid #deccb3;background:#eee1ca;border-radius:26px}.hsc-hero h2{font-size:32px;line-height:1.5}.hsc-hero p{font-size:13px;color:#967b5e}.hsc-hero span,.hsc-hero small{font-size:11px;color:#96704d}.hsc-page svg.hsc-art{height:auto;width:100%;max-width:330px;aspect-ratio:3/2}.hsc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hsc-card{display:flex;flex-direction:column;min-width:0;text-align:left;border:1px solid #e0cdb7;background:#fffbf3;border-radius:20px;overflow:hidden;cursor:pointer;color:inherit;padding:0 0 20px;transition:transform .2s,box-shadow .2s,border-color .2s}.hsc-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #80533316}.hsc-card.selected{border:2px solid #a25d43;background:#f9ecdf}.hsc-art-box{height:175px;position:relative;background:#efe5d6;display:grid;place-items:center;width:100%;overflow:hidden}.hsc-art-box>svg,.hsc-detail-art>svg{width:100%!important;height:100%!important;max-height:100%;object-fit:contain}.hsc-art-box img,.hsc-detail-art img{width:100%;height:100%;object-fit:cover}.hsc-art-box>span{position:absolute;top:12px;left:12px;font-size:10px;background:#fffaf0dc;border-radius:20px;padding:5px 10px}.hsc-card strong{font-size:16px;padding:17px 17px 8px;overflow-wrap:anywhere}.hsc-card small{padding:0 17px;font-size:11px;color:#9b6d4e;display:flex;align-items:center;gap:7px}.hsc-card em{font-style:normal;font-size:10px;padding:8px 17px;color:#a76c4a}.hsc-section h2{font-size:21px;margin:6px 0}.hsc-section>span{font-size:12px;color:#9c7857}.hsc-editor{margin-top:32px;padding-top:15px;border-top:1px solid #e0cdb7}.hsc-editor>p{font-size:12px;color:#957c65;line-height:1.8}.hsc-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.hsc-controls label{font-size:12px;color:#7c614a;display:grid;gap:8px}.hsc-controls input,.hsc-controls select{box-sizing:border-box;width:100%;min-width:0;padding:12px;font:inherit;border:1px solid #ddc9b1;background:#fffaf1;border-radius:12px;color:#49392f}.hsc-save{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0;padding:20px;background:#f3e8d6;border-radius:17px}.hsc-save a{font-size:12px}.hsc-privacy{display:flex;gap:8px;align-items:flex-start}.hsc-privacy svg{flex-shrink:0}.hsc-empty{padding:28px;background:#fff9ef;border-radius:20px;text-align:center;font-size:13px;color:#927255}.hsc-empty .hsc-art{max-width:210px!important}.hsc-detail{display:grid;grid-template-columns:1fr 1fr;background:#fff9ef;border:1px solid #dec9af;border-radius:24px;overflow:hidden;margin:24px 0}.hsc-detail-art{height:260px;background:#ece0cd}.hsc-detail>div+div{padding:30px}.hsc-detail p{font-size:13px;line-height:1.8;color:#8e7259}.hsc-detail .button{margin:8px 8px 0 0}.hsc-error{padding:16px;border-radius:12px;background:#f6e2d6;color:#934e36;font-size:13px}.hsc-error button{margin-left:10px}.hsc-page button:active{transform:scale(.97)}.hsc-page button:disabled{opacity:.55;cursor:default}.hsc-page :focus-visible{outline:3px solid #a77350;outline-offset:3px}.hsc-hero,.hsc-detail,.hsc-grid{animation:hsc-in .35s both}.hsc-glint{animation:hsc-glint 3s infinite}@keyframes hsc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hsc-glint{50%{opacity:.3;transform:translateY(-3px)}}@media(max-width:600px){.hsc-heading h1{font-size:23px}.hsc-hero{padding:24px 20px;grid-template-columns:1fr}.hsc-hero>.hsc-art{max-height:130px}.hsc-hero h2{font-size:27px}.hsc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hsc-art-box{height:125px}.hsc-card strong{font-size:14px;padding:12px}.hsc-card small{padding:0 12px}.hsc-controls,.hsc-detail{grid-template-columns:1fr}.hsc-controls input,.hsc-controls select{font-size:16px}.hsc-detail-art{height:210px}.hsc-detail>div+div{padding:22px}.hsc-save{padding:16px}.hsc-section h2{font-size:19px}}@media(prefers-reduced-motion:reduce){.hsc-page *{animation:none!important;transition:none!important}}

.hsc-success{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#e7ecdc;border:1px solid #d0d8c2;border-radius:12px;color:#66734f;font-size:12px}