/* Taste: restrained, native-CSS workspace theme. */
:root{color-scheme:light;--bg-deep:#f7f6f3;--bg-primary:#fbfbfa;--bg-main:#fbfbfa;--bg-card:#fff;--bg-card-hover:#f1f0ed;--bg-secondary:#f4f3f0;--border-card:#eaeaea;--border-light:#deddd9;--brand-start:#252a27;--brand-end:#252a27;--brand-gradient:linear-gradient(#252a27,#252a27);--brand-glow:transparent;--brand-bg:#edf3ec;--text-primary:#252a27;--text-secondary:#656762;--text-tertiary:#74766f;--input-bg:#fff;--input-border:#d9dbd5;--primary:#252a27;--radius-lg:12px;--radius-xl:12px;--shadow-card:none;--shadow-elevated:0 8px 32px #2028200a;--font-stack:'SF Pro Display','Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif}
body{background:var(--bg-deep)!important;color:var(--text-primary);font-family:var(--font-stack);user-select:text!important}
.sidebar,.topbar{background:#fbfbfa!important;backdrop-filter:none!important;box-shadow:none!important}
.sidebar-brand-icon,.btn-primary,.splash-btn{background:#252a27!important;color:#fff!important;box-shadow:none!important}
.nav-item.active,.nav-sub-item.active{background:#edf3ec!important;color:#294a35!important}
button,input,textarea,select{font-family:inherit}input,textarea,select{color:#252a27!important;background:#fff!important;border-color:#d9dbd5!important}
button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #386346!important;outline-offset:3px}
[class*='card'],[class*='panel'],.modal-content{box-shadow:none!important;border-color:#eaeaea!important}
h1,h2,h3{letter-spacing:-.025em;line-height:1.3}.page-title{font-weight:650!important}
.topbar{border-bottom:1px solid #eaeaea}.notification-bar{background:#edf3ec!important;color:#346538!important;border-color:#dce5da!important}
.splash-bg{background:#f7f6f3!important}.splash-title,.splash-subtitle,.splash-hint{color:#252a27!important}.splash-highlight{color:#346538!important}
::-webkit-scrollbar-thumb{background:#c7cac3!important}
@media(min-width:769px){.sidebar{width:200px!important;min-width:200px!important}.sidebar .nav-label,.sidebar .sidebar-brand-text{opacity:1!important;transform:none!important}.sidebar .sidebar-footer-expand{display:flex!important;flex-direction:column}.sidebar .expand-label{opacity:1!important}.nav-item,.nav-group{min-height:44px}.main-wrapper{min-width:0}}
@media(max-width:768px){
html,body{max-width:100%;overflow-x:hidden}body{min-height:100dvh}input,textarea,select{font-size:16px!important}
.sidebar{height:auto!important;max-height:40dvh;padding-bottom:env(safe-area-inset-bottom);background:#fbfbfa!important}
.sidebar-nav{overflow-x:auto!important;overflow-y:hidden!important;justify-content:flex-start!important;gap:4px!important;max-width:100vw;align-items:stretch!important}
.sidebar .nav-item,.sidebar .nav-group{flex:0 0 auto!important;min-width:76px;min-height:60px;display:flex;flex-direction:column;justify-content:center;padding:8px!important;gap:4px}
.sidebar .nav-label{display:block!important;opacity:1!important;transform:none!important;font-size:11px;white-space:nowrap}.sidebar .nav-group-arrow{display:none}
.sidebar .nav-sub-items{position:fixed;bottom:calc(68px + env(safe-area-inset-bottom));left:12px;right:12px;background:#fff;border:1px solid #eaeaea;border-radius:10px;max-height:45dvh;overflow-y:auto;box-shadow:0 4px 24px #20282010}
.nav-sub-item{min-height:48px}.main-wrapper{margin-bottom:calc(76px + env(safe-area-inset-bottom))!important;width:100%;min-width:0}
.topbar{padding:0 12px!important;gap:8px!important;flex-wrap:wrap;height:auto!important;min-height:56px}.topbar-center{min-width:0}.topbar-right{gap:8px!important}
[class*='modal-content'],.modal-box{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto;padding:20px!important}
.step2-container{height:auto!important}.step2-left,.step2-right,.tool-panel-left,.tool-panel-right{width:100%!important;min-width:0!important}.step4-container{padding:16px!important}
img,video,canvas{max-width:100%}button,.btn{min-height:44px}table{display:block;max-width:100%;overflow-x:auto}.settings-drawer{max-width:100vw}.page-header{flex-wrap:wrap;gap:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Global retro-futurist punk system: ivory enamel, steel rules, signal orange. */
:root{--bg-deep:#eeeade;--bg-primary:#f6f2e7;--bg-main:#f6f2e7;--bg-card:#fffdf5;--bg-card-hover:#e8e9dd;--bg-secondary:#e5e5da;--border-card:#b4b9ac;--border-light:#c6cabc;--text-primary:#293c3d;--text-secondary:#526363;--text-tertiary:#647471;--brand-start:#b64227;--brand-end:#b64227;--brand-bg:#f4ded0;--brand-gradient:linear-gradient(#b64227,#b64227);--primary:#b64227;--input-bg:#fffdf5;--input-border:#9fae9f;--radius-lg:8px;--radius-xl:8px}
html body{background:#eeeade!important;color:#293c3d!important;font-family:'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif}
html body .sidebar,html body .topbar{background:#e6e7da!important;border-color:#a1b0a3!important}html body .sidebar-brand-icon{background:#24616a!important;color:#fff!important;border-radius:4px!important}
html body .nav-item.active,html body .nav-sub-item.active{background:#cfdfd8!important;color:#1c5359!important;border-left:3px solid #b64227}
html body .ap-font{max-width:1240px!important;padding:32px 24px 48px!important}html body .ap-hero-wrap{border-top:3px solid #32616a;padding-top:18px}html body .ap-hero-num,html body .ap-hero-deco,html body .ap-hero-deco2,html body .ap-hero-line{display:none!important}
html body .ap-title{font-size:38px;font-weight:700;color:#294b50;-webkit-text-fill-color:#294b50;letter-spacing:-1px}html body .ap-sub{color:#425f61;font-size:18px}html body .ap-desc{color:#61716d}html body .ap-hero-en{color:#a64027;letter-spacing:3px;font-size:11px}
html body .ap-card,html body .ap-case-card,html body .ap-img-card,html body .ap-modal,html body .tool-card,html body .modal-content,html body .settings-drawer,html body .right-panel,html body .tool-panel-left,html body .tool-panel-right{background:#fffdf5!important;border:1px solid #aab8ab!important;border-radius:8px!important;box-shadow:3px 3px 0 #d2d7c7!important;color:#293c3d!important}
html body .ap-card{padding:26px!important}html body .ap-label,html body .ap-section-label{color:#315759;font-weight:650}html body .ap-input{background:#f0f2e7!important;color:#293c3d!important;border:1px solid #9aac9d!important;border-radius:4px!important;font-weight:400!important}html body .ap-input::placeholder{color:#748478}
html body .ap-select{appearance:auto!important;-webkit-appearance:menulist!important;background:#eff3e8!important;color:#294b50!important;border:1px solid #8fa699!important;border-radius:5px!important;padding:11px 14px!important;min-height:44px;font-size:14px!important;max-width:100%;cursor:pointer}
html body .ap-btn-blue,html body #rawCaseRow button,html body .btn-primary,html body .tool-card button{background:#ac4229!important;color:#fffaf1!important;border:1px solid #923a26!important;border-radius:4px!important;box-shadow:none!important;font-weight:600!important;min-height:40px}
html body .ap-btn-ghost,html body .ap-edit-btn{background:#f3f3e8!important;color:#305d61!important;border:1px solid #8fa699!important;border-radius:4px!important}
html body .tool-card-icon,html body .tool-icon{background:#dce9df!important;color:#24616a!important;border:1px solid #adc4b3!important;border-radius:8px!important}html body .tool-card-icon svg{stroke:#24616a!important}html body .tool-card::before{display:none!important}
html body .tool-card-name{color:#294b50}html body .tool-card-desc{color:#576d68}html body .ap-case-title{color:#294b50;font-weight:550}html body .ap-case-info{padding:14px!important}html body .ap-case-card:hover{transform:translateY(-2px)!important;box-shadow:3px 5px 0 #c3cdbd!important}html body .ap-case-card img{aspect-ratio:3/4!important;object-fit:cover}
html body #rawCaseRow{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}html body #rawCaseRow button{width:100%!important;margin-top:10px!important;padding:9px!important}
html body #rawRefImagesGrid>div{background:#eaf0e2!important;border:1px dashed #92a88e!important;border-radius:6px!important}html body #splashAd{display:none!important}
html body .ap-lightbox{background:#152b30e8!important}html body .ap-lightbox-close{background:#f5f1e4!important;color:#294b50!important;border:1px solid #a0b6a4!important}html body .ap-lightbox img{object-fit:contain;border-radius:4px}html body .ap-lightbox-caption{color:#f3f3df}
@media(max-width:768px){html body #rawCaseRow{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}html body .ap-font{padding:24px 16px 36px!important}html body .ap-card{padding:18px!important}html body .ap-select{font-size:16px!important}}
@media(max-width:768px){
  html body .sidebar .nav-sub-items,
  html body .sidebar .nav-sub-items.expanded{display:none!important;max-height:0!important;visibility:hidden!important;pointer-events:none!important}
  html body .sidebar .nav-group.expanded{background:transparent!important}
}