:root{--sp-ink:#694c60;--sp-rose:#b86586;--sp-gold:#ba956d;--sp-soft:#fff8f5}body{background:radial-gradient(ellipse at 60% -10%,#fff9f2 0,transparent 42%),radial-gradient(ellipse at 0 80%,#f6cddc 0,transparent 40%),linear-gradient(130deg,#fff6f3,#f5dfe5)}.dl-top{border:1px solid #e8b8c4;background:linear-gradient(105deg,#fffaf6ee,#ffe6eee8);box-shadow:0 12px 35px #bd869321}.sidebar{background:linear-gradient(160deg,#795266,#8d6075 48%,#674960 100%)}.pagefade{animation:sp-reveal .22s ease-out}@keyframes sp-reveal{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.card{border:1px solid #e7cbd1;box-shadow:0 10px 27px #b08b9b14}.sp-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 15px;padding:15px 20px;background:linear-gradient(90deg,#fffbf9,#fce9ed)}.sp-intro b{display:block;color:#835b70;font:20px Georgia;margin-bottom:7px}.sp-intro span{color:#8d7180;font-size:12px;line-height:1.5}.sp-intro .sp-tag{border-radius:40px;background:#eed7dc;color:#925b70;padding:9px 13px;white-space:nowrap}.sp-number{font-size:12px;color:#9d6881;border-radius:30px;border:1px solid #dfb9bf;padding:8px 13px;background:#fff3f3}.sp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.sp-tabs button,.sp-dialog-topics button{background:#fff7f6;color:#875c73;border:1px solid #ecced2;border-radius:14px;padding:11px 16px;font:600 13px system-ui}.sp-tabs button.active,.sp-dialog-topics button.active{color:white;background:#be7e97;border-color:#b87490}.sp-visual-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(320px,.83fr);gap:15px;align-items:start}.sp-photo-hero,.sp-picker{padding:16px;min-width:0}.sp-photopair{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(125px,.7fr);gap:12px}.sp-major{position:relative;overflow:hidden;border-radius:18px;min-height:550px;background:linear-gradient(120deg,#f9e6e8,#f5eddf)}.sp-major img{display:block;width:100%;height:550px;object-fit:contain;object-position:center}.sp-major span{position:absolute;left:11px;bottom:11px;color:#765468;background:#fff8f1da;border-radius:22px;padding:8px 12px;font:12px system-ui}.sp-details{display:grid;grid-template-rows:1fr 1fr;gap:10px}.sp-details figure{min-width:0;position:relative;margin:0;overflow:hidden;background:#fff3f2;border:1px solid #edccd0;border-radius:14px}.sp-details img{width:100%;height:234px;object-fit:cover;display:block}.sp-details figcaption{position:absolute;bottom:5px;left:6px;right:6px;text-align:center;border-radius:12px;padding:7px 5px;background:#fff8f4d9;color:#83576c;font:12px system-ui}.sp-photo-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 6px}.sp-photo-footer h2{font:italic 28px Georgia;color:#88576f;margin:6px 0}.sp-photo-footer p{font:12px/1.6 system-ui;color:#8f7180;max-width:440px}.sp-photo-footer>strong{white-space:nowrap;color:#bd6483;font-size:20px}.sp-controls,.sp-actions{display:flex;flex-wrap:wrap;gap:8px}.sp-controls button{flex:1 1 95px}.sp-picker-head,.sp-panelhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.sp-picker-head strong{font:21px Georgia;color:#80556a}.sp-picker-head span,.sp-panelhead span{font:12px system-ui;color:#a27788}.sp-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sp-thumb{min-width:0;display:block;text-align:left;padding:6px;background:#fff8f4;border:1px solid #e9cfd0;border-radius:13px;color:#765468}.sp-thumb.active{outline:2px solid #d88da7;box-shadow:0 0 0 3px #f4d7df}.sp-thumb img{width:100%;height:135px;object-fit:cover;border-radius:9px}.sp-thumb strong{display:block;font-size:11px;margin:7px 1px 2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-thumb small{font-size:10px;color:#ae758a}.sp-pagebar{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:17px}.sp-pagebar span{font-size:11px;color:#967484}.sp-advice,.sp-planning{margin-top:15px;padding:16px 20px;background:linear-gradient(110deg,#fff9f5,#ffeff1)}.sp-advice b,.sp-planning h3{color:#8a6073;font:19px Georgia}.sp-advice p,.sp-planning p{color:#8e7780;font:12px/1.7 system-ui;margin:8px 0 0}.sp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 17px}.sp-kpis .card{padding:19px 16px;background:linear-gradient(135deg,#fffafb,#fff0f0)}.sp-kpis span{display:block;color:#967988;font:12px system-ui}.sp-kpis b{display:block;margin:11px 0;color:#965874;font-size:clamp(18px,2vw,27px);overflow-wrap:anywhere}.sp-kpis small{display:block;font:11px/1.5 system-ui;color:#a2838d}.sp-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.sp-work-panel{padding:20px}.sp-panelhead h2{font:23px Georgia;color:#86576d;margin:0}.sp-work-card{display:flex;align-items:center;text-align:left;width:100%;gap:14px;border:1px solid #ead2d3;border-radius:13px;padding:13px 12px;background:#fffcfa;margin:8px 0;color:#7b5b6b}.sp-work-card.warning{border-color:#e6b09c;background:#fff3eb}.sp-work-card>span:nth-child(2){flex:1}.sp-work-card b{display:block;font-size:13px}.sp-work-card small{font-size:11px;display:block;margin-top:4px;color:#9b7e86}.sp-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f3dbe3;color:#ab587b;flex:0 0 28px}.sp-checkrow{display:flex;gap:13px;align-items:center;justify-content:space-between;border-bottom:1px dotted #e6cdd1;padding:11px 0;color:#8b7180;font-size:13px}.sp-checkrow b{font-weight:700;color:#935a76}.sp-actions{margin-top:16px}.sp-done{padding:25px;text-align:center;background:#f8f3ef;color:#8f7a80;border-radius:11px;font-size:13px}.sp-dialog-layout{display:grid;grid-template-columns:minmax(260px,.77fr) minmax(0,1.2fr);gap:17px}.sp-dialog-client,.sp-chat-board{padding:20px}.sp-client-head{display:flex;align-items:center;gap:12px}.sp-client-head h2{font:25px Georgia;color:#81586b;margin:5px 0}.sp-client-head span{font-size:12px;color:#917788}.sp-no-client{padding:22px;background:#fff5f4;border-radius:14px}.sp-no-client p{font:13px/1.5 system-ui;color:#957787}.sp-dialog-tools{margin-top:23px}.sp-dialog-tools strong{font:18px Georgia;color:#855670}.sp-dialog-topics{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.sp-dialog-topics button{padding:8px 11px;font-size:11px}.sp-wide{width:100%;margin:6px 0}.sp-chat-feed{display:grid;gap:10px;align-content:start;max-height:545px;overflow:auto;padding:10px 6px}.sp-chatbubble{display:flex;align-items:start;gap:8px}.sp-mini-avatar{width:35px;height:35px;border-radius:50%;object-fit:cover;flex:0 0 35px}.sp-chatbubble p{padding:13px 15px;margin:0;background:#fff5f2;border:1px solid #ecd2d0;border-radius:15px;font:13px/1.7 system-ui;color:#6c5862}.sp-empty{font:13px/1.6 system-ui;color:#9d7f89}.sp-anti-repeat{padding:15px 17px;background:#f8edf0;border-radius:12px;margin-top:17px}.sp-anti-repeat span{font-weight:700;font-size:13px;color:#a05e7d}.sp-anti-repeat p{font:12px/1.7 system-ui;color:#8a707d;margin-bottom:0}@media(max-width:1199px){.sp-visual-layout{grid-template-columns:1fr}.sp-catalog{grid-template-columns:repeat(6,minmax(0,1fr))}.sp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-work-grid{grid-template-columns:1fr}}@media(min-width:900px) and (max-width:1200px) and (orientation:landscape){.shell{grid-template-columns:165px minmax(0,1fr)}.sidebar{padding:10px 8px}.navbtn{font-size:11px;padding:7px 5px}.main{padding:12px}.sp-visual-layout{grid-template-columns:minmax(0,1fr)}.sp-major,.sp-major img{height:480px;min-height:480px}.dl-top{padding:8px}.dl-top-brand small{display:none}}@media(max-width:700px){.sp-intro{display:block}.sp-intro .sp-tag{display:inline-block;margin-top:9px}.sp-photopair{grid-template-columns:1fr}.sp-major,.sp-major img{min-height:320px;height:350px}.sp-details{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto}.sp-details img{height:150px}.sp-photo-footer{display:block}.sp-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-thumb img{height:110px}.sp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-kpis .card{padding:13px}.sp-dialog-layout{grid-template-columns:1fr}.sp-dialog-client,.sp-chat-board{padding:14px}.sp-work-panel{padding:14px}.sp-panelhead h2{font-size:19px}}
@media(max-width:700px){.sidebar{display:none!important}.shell{display:block!important;min-height:100vh}.main{padding:10px 11px 108px!important}.section-title h1{font-size:clamp(27px,7.8vw,36px)}.section-title{margin-bottom:14px}.dl-top{margin-bottom:12px}.sp-intro{padding:12px 14px}.sp-intro b{font-size:17px}.sp-major,.sp-major img{height:330px;min-height:330px}.sp-photo-hero,.sp-picker{padding:10px}.sp-controls .btn{flex:1 1 120px}}