:root{--bg:#f5f6f3;--ink:#17211d;--muted:#6b746f;--line:#e3e7e1;--accent:#d6f493;--forest:#253a2e;--white:#fff;--danger:#ad3a35;--radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #8bad47;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #9dc562;outline-offset:1px}svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px;font-weight:650;line-height:1.4}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:17px}p{line-height:1.7}.muted{color:var(--muted)}.small{font-size:14px;line-height:1.65}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px;border-radius:9px;font-size:14px;font-weight:550;white-space:nowrap;background:var(--ink);color:white}.btn:hover{background:#334538}.btn.light{background:white;color:var(--ink);border:1px solid var(--line)}.btn.light:hover{background:#f1f4ed}.btn.accent{background:var(--accent);color:var(--ink)}.btn.ghost{background:transparent;color:var(--muted)}.btn.danger{background:#fff0ec;color:var(--danger)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;color:var(--muted)}.icon-btn:hover{background:#eaf0e6}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:20px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:39px;height:39px;background:var(--ink);color:var(--accent);border-radius:11px;display:grid;place-items:center}.brand-mark svg{width:26px;height:26px}.brand-name{font-weight:700;font-size:24px;letter-spacing:-1px}.brand-name span{font-size:11px;display:block;letter-spacing:1.5px;font-weight:500;margin-top:2px}.shell{display:grid;grid-template-columns:226px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:226px;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);padding:31px 20px}.sidebar .brand{padding:0 11px 37px}.nav-label{font-size:12px;color:#929991;padding:8px 13px 12px;letter-spacing:1px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:var(--muted);padding:13px 15px;border-radius:9px;font-size:14px}.nav button.active{background:#edf4e6;color:#243622;font-weight:600}.nav button:hover{background:#f2f5ef}.side-bottom{margin-top:auto;padding:23px 10px 0}.tiny-card{padding:17px;background:#f6f8f2;border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.tiny-card svg{color:#52674e}.tiny-card p{font-size:13px;color:var(--muted);margin-top:8px}.side-foot{font-size:12px;color:#979e95;line-height:1.8}.main{grid-column:2;min-width:0}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#ffffffa8}.breadcrumb{font-size:14px;color:var(--muted)}.breadcrumb strong{color:var(--ink);font-weight:500}.account{display:flex;align-items:center;gap:10px;font-size:14px}.avatar{width:32px;height:32px;border-radius:50%;background:#e9eee4;display:grid;place-items:center;font-size:13px;font-weight:600}.workspace{padding:35px 42px 48px;max-width:1550px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-head p{font-size:14px;color:var(--muted);margin-top:6px}.tag{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:5px;background:#eff3eb;color:#607151;white-space:nowrap}.tag.live{background:#e5f4d8;color:#476c30}.tag.wait{background:#f3ecd9;color:#897333}.tag.pause{background:#f8e8e1;color:#a75842}.tag.dark{background:#ffffff20;color:white;backdrop-filter:blur(8px)}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:31px;border:1px solid var(--line);border-radius:var(--radius);background:white;padding:22px 0}.stat{padding:0 27px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.stat-value{font-size:30px;font-weight:600;margin-top:9px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.stat-value span{font-size:13px;font-weight:400;color:var(--muted);margin-left:8px;letter-spacing:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.tabs{display:flex;gap:4px;background:#e9ede6;padding:4px;border-radius:9px}.tabs button{background:transparent;padding:8px 13px;border-radius:6px;color:var(--muted);font-size:13px}.tabs button.selected{background:white;color:var(--ink);box-shadow:0 1px 4px #0000000b}.tabs button span{font-size:11px;margin-left:5px;opacity:.6}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:white;padding:9px 12px;border-radius:8px;color:var(--muted)}.search input{width:180px;outline:none;border:0;font-size:13px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.collection-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}.collection-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #15201c0b}.cover{position:relative;aspect-ratio:1.54;background:#19241f;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;display:block}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#0d161980);pointer-events:none}.cover .tag{position:absolute;z-index:1;top:15px;left:15px}.cover-corner{position:absolute;top:16px;right:16px;color:#ffffffb3;z-index:1}.cover-bottom{position:absolute;bottom:18px;left:20px;right:20px;z-index:1;display:flex;align-items:end;justify-content:space-between;color:white}.cover-type{font-size:10px;letter-spacing:2.5px;line-height:1.6}.cover-symbol{color:#d8eed4;display:grid;place-items:center;position:absolute;inset:0}.cover-symbol svg{width:65px;height:65px;stroke-width:1}.cover.audio{background:#2c443d}.cover.link{background:#37474b}.cover.empty{background:#dde6d5}.cover.empty .cover-symbol{color:#8e9e80}.cover.empty:after{background:linear-gradient(transparent,#44533916)}.cover.empty .cover-bottom{color:#6a7d5b}.card-body{padding:21px}.card-meta{font-size:12px;color:var(--muted);margin:7px 0 16px;display:flex;align-items:center;gap:7px}.card-meta span+span:before{content:"·";margin-right:7px}.space-row{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:7px}progress{width:100%;height:4px;display:block;border:0;border-radius:9px;overflow:hidden;background:#edf0e9;accent-color:#859f6a}progress::-webkit-progress-bar{background:#edf0e9}progress::-webkit-progress-value{background:#92a97b;border-radius:9px}.card-actions{display:flex;gap:9px;margin-top:19px}.card-actions .btn{flex:1;font-size:13px;padding:8px 12px;min-height:37px}.section-note{display:flex;align-items:flex-start;gap:10px;margin-top:25px;font-size:13px;color:var(--muted);line-height:1.65}.section-note svg{width:17px;height:17px;margin-top:2px}.empty-state{grid-column:1/-1;text-align:center;padding:65px 20px;border:1px dashed #cbd5c3;border-radius:14px;color:var(--muted)}.empty-state h3{color:var(--ink);margin:12px 0 8px}.panel{border:1px solid var(--line);border-radius:14px;background:white;padding:25px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:27px;align-items:start}.editor-left{display:flex;flex-direction:column;gap:22px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.field:last-child{margin-bottom:0}.field label{font-size:14px;font-weight:500}.field input,.field textarea,.field select{border:1px solid #dbe1d6;border-radius:8px;padding:12px 13px;background:white;width:100%;font-size:14px;color:var(--ink)}.field textarea{resize:vertical;min-height:86px;line-height:1.7}.field .help{font-size:12px;color:var(--muted);line-height:1.7}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.kind-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:21px}.kind-picker button{display:flex;flex-direction:column;gap:10px;align-items:center;padding:15px 5px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--muted);font-size:12px}.kind-picker button.chosen{border-color:#8fa974;background:#f1f7e9;color:#486633}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:140px;border:1px dashed #becbb5;background:#f8faf6;border-radius:10px;padding:23px;text-align:center}.upload-zone svg{width:29px;height:29px;color:#849277}.upload-zone strong{font-size:14px;font-weight:500}.upload-zone p{font-size:12px;color:var(--muted)}.upload-zone.dragover{background:#e8f4d8;border-color:#6e9847}.media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:15px}.media-item{position:relative;border-radius:8px;border:1px solid var(--line);overflow:hidden;aspect-ratio:1}.media-item img{width:100%;height:100%;object-fit:cover}.media-item .icon-btn{position:absolute;right:4px;top:4px;background:#ffffffd9;width:25px;height:25px;color:#493e3b}.media-item .icon-btn svg{width:15px;height:15px}.file-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);padding:12px;border-radius:9px;margin-top:12px;font-size:13px}.file-item .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 55px)}.editor-footer{display:flex;gap:11px;justify-content:flex-end;align-items:center}.save-hint{font-size:12px;color:var(--muted);margin-right:auto}.phone-area{position:sticky;top:24px}.preview-label{font-size:13px;color:var(--muted);margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.phone{padding:9px;background:#1b241f;border-radius:36px;box-shadow:0 20px 35px #16251b0e;border:1px solid #3e4d43}.phone-screen{background:#101811;min-height:510px;border-radius:29px;overflow:hidden;position:relative;color:white}.phone-top{position:absolute;top:11px;left:22px;right:22px;z-index:2;display:flex;justify-content:space-between;font-size:10px;color:white}.phone .viewer-art{height:340px;min-height:0}.phone .viewer-info{padding:25px 23px 30px}.phone .viewer-info h1{font-size:21px;letter-spacing:-.5px}.phone .viewer-info p{font-size:12px;color:#bdc8ba}.phone .viewer-kicker{font-size:10px}.phone .player-card{margin-top:20px;padding:17px}.preview-note{font-size:12px;text-align:center;line-height:1.7;color:var(--muted);margin-top:18px;padding:0 8px}.link-box{display:flex;gap:10px;align-items:center;background:#f6f8f3;border:1px solid var(--line);padding:13px;border-radius:9px;word-break:break-all;font-size:13px;line-height:1.7}.link-box code{flex:1;font-size:12px;color:#537143}.steps{display:flex;flex-direction:column;gap:18px;margin-top:22px}.step{display:flex;gap:14px;align-items:flex-start}.step b{background:#eef3e6;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;font-size:12px}.step strong{font-size:14px;font-weight:500}.step p{font-size:12px;color:var(--muted);margin-top:3px}.notice{background:#f1f5eb;padding:14px 16px;border-radius:9px;color:#67785b;font-size:12px;line-height:1.8;margin-top:20px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:white}table{border-collapse:collapse;width:100%;min-width:720px;font-size:14px}th{font-weight:500;text-align:left;color:var(--muted);font-size:12px;background:#f9faf7;padding:17px 20px}td{border-top:1px solid var(--line);padding:20px}td .small{font-size:12px;margin-top:5px}td .tag{font-size:11px}.activate-panel{max-width:530px;margin:10px auto}.activation-head{text-align:center;margin-bottom:27px}.activation-head .brand-mark{margin:0 auto 17px;width:50px;height:50px}.activation-head p{font-size:14px;margin-top:9px;color:var(--muted)}.full{width:100%}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.auth-art{position:relative;background:#10121e;min-height:100vh;overflow:hidden}.auth-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.9}.auth-art:after{content:"";position:absolute;inset:0;background:linear-gradient(#11151b10 20%,#10151bbd)}.auth-art .brand{position:absolute;z-index:1;top:40px;left:45px;color:white}.auth-art .brand-mark{background:#ffffff20;backdrop-filter:blur(12px)}.auth-caption{position:absolute;z-index:1;bottom:56px;left:50px;right:40px;color:white}.auth-caption .eyebrow{color:#d6f493;margin-bottom:19px}.auth-caption h1{font-size:39px;font-weight:500;line-height:1.5;letter-spacing:0}.auth-caption p{font-size:14px;color:#c1c3cb;margin-top:15px}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px 30px}.auth-form{max-width:365px;width:100%}.auth-form h1{font-size:28px;margin-bottom:7px}.auth-form>.muted{font-size:14px;margin-bottom:27px}.auth-form .tabs{margin-bottom:25px}.auth-form .tabs button{flex:1}.auth-foot{border-top:1px solid var(--line);padding-top:21px;margin-top:28px;font-size:12px;color:var(--muted);line-height:1.8}.text-button{background:transparent;color:#607b49;font-size:13px;padding:5px 0;text-decoration:underline;text-underline-offset:3px}.form-error{color:var(--danger);font-size:13px;line-height:1.7;margin:10px 0 15px}.boot{padding:50px;font-size:14px;color:var(--muted)}#toast{position:fixed;z-index:50;bottom:28px;left:50%;transform:translateX(-50%) translateY(15px);background:#1f3027;color:white;padding:13px 21px;border-radius:10px;font-size:14px;box-shadow:0 8px 25px #0002;pointer-events:none;opacity:0;transition:.2s;max-width:90vw;line-height:1.6}#toast.show{opacity:1;transform:translateX(-50%)}dialog{width:min(580px,calc(100vw - 35px));border:0;border-radius:18px;padding:30px;color:var(--ink);box-shadow:0 30px 100px #0003}dialog::backdrop{background:#101b1955;backdrop-filter:blur(3px)}.modal-head{margin-bottom:24px}.modal-head h2{font-size:22px}.modal-head p{font-size:13px;color:var(--muted);margin-top:7px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.issue-results{max-height:330px;overflow:auto;display:flex;flex-direction:column;gap:10px}.issue-result{background:#f5f7f0;padding:14px;border-radius:9px;font-size:13px;line-height:1.9}.issue-result code{font-weight:600;color:#597c3e}.viewer-page{background:#101711;color:#fff;min-height:100vh}.viewer-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:100vh;align-items:center}.viewer-art{height:100vh;min-height:600px;position:relative;overflow:hidden;background:#263e34}.viewer-art img{height:100%;width:100%;object-fit:cover}.viewer-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#10171190)}.viewer-art.empty-art{display:grid;place-items:center;min-height:0}.empty-art svg{width:90px;height:90px;stroke-width:.8;color:#b6d497}.viewer-watermark{position:absolute;z-index:1;left:35px;top:29px;font-size:12px;letter-spacing:3px;color:#ffffffb3}.slide-controls{position:absolute;z-index:2;bottom:27px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between}.slide-controls .icon-btn{color:white;border:1px solid #ffffff40;background:#ffffff10;border-radius:50%;width:39px;height:39px}.slide-index{font-size:12px;color:#dfdfdf;letter-spacing:2px}.viewer-info{padding:60px}.viewer-kicker{font-size:11px;letter-spacing:2.5px;color:#c4e89a;margin-bottom:17px}.viewer-info h1{font-size:38px;font-weight:500;line-height:1.4;letter-spacing:1px}.viewer-info>.description{color:#a8b5a5;font-size:15px;margin-top:18px;line-height:1.8}.viewer-text{font-size:15px;color:#c3ccbf;line-height:2;white-space:pre-wrap;margin-top:30px}.viewer-foot{margin-top:42px;padding-top:21px;border-top:1px solid #ffffff15;color:#788774;font-size:11px;display:flex;justify-content:space-between;gap:15px;letter-spacing:1px}.viewer-foot a{color:#b9c7b3;font-size:12px}.player-card{background:#ffffff08;border:1px solid #ffffff13;padding:22px;border-radius:15px;margin-top:32px}.player-card .eyebrow{color:#a4b29b;margin-bottom:17px}.player-card audio,.player-card video{width:100%;border-radius:10px;max-height:360px}.player-card .btn{width:100%;min-height:48px;margin-top:13px}.player-card p{color:#87967f;font-size:12px}.link-destination{font-size:13px;color:#abc196;word-break:break-all;margin-top:10px}.viewer-error{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:25px;text-align:center;background:#101711;color:#fff}.viewer-error .error-box{max-width:390px;width:100%}.error-box>svg{width:60px;height:60px;color:#b7d899;margin-bottom:22px}.error-box h1{font-size:27px}.error-box p{color:#97a58f;font-size:14px;margin:15px 0 26px}.error-box input{background:#ffffff08;color:white;border-color:#516446;text-align:center;letter-spacing:7px;font-size:24px}.error-box .field label{color:#a6b39e;font-size:13px}.error-box .btn{min-height:48px}.hidden{display:none!important}
@media(min-width:1450px){.card-grid{gap:26px}.cover{aspect-ratio:1.65}.workspace{padding-top:43px}}
@media(max-width:1150px){.shell{grid-template-columns:194px 1fr}.sidebar{width:194px;padding-inline:14px}.topbar{padding:0 28px}.workspace{padding:30px 28px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:minmax(0,1fr) 285px;gap:20px}.kind-picker{gap:5px}.panel{padding:20px}.viewer-info{padding:40px}.viewer-info h1{font-size:32px}}
@media(max-width:900px){.editor-layout{grid-template-columns:1fr}.phone-area{position:static;max-width:325px;margin:10px auto;width:100%}.viewer-layout{grid-template-columns:1fr 1fr}.viewer-info{padding:30px}.viewer-info h1{font-size:28px}}
@media(max-width:760px){.shell{display:block}.sidebar{position:static;width:100%;border-right:0;border-bottom:1px solid var(--line);padding:18px 20px 12px}.sidebar .brand{padding:0 0 18px}.brand-mark{width:33px;height:33px;border-radius:9px}.brand-name{font-size:21px}.brand-name span{display:inline;margin-left:8px;font-size:9px}.nav-label,.side-bottom{display:none}.nav{flex-direction:row;gap:5px;overflow-x:auto}.nav button{padding:10px 12px;white-space:nowrap;font-size:13px;gap:7px}.nav button svg{width:17px;height:17px}.topbar{height:60px;padding:0 21px}.workspace{padding:25px 20px 40px}.page-head{align-items:flex-start;margin-bottom:22px}.page-head h1{font-size:25px}.page-head p{max-width:220px;font-size:12px}.page-head>.row{flex-direction:column;align-items:stretch;gap:8px}.page-head .btn{font-size:12px;padding:9px 11px}.stats{padding:18px 0;margin-bottom:23px}.stat{padding:0 15px}.stat-label{font-size:11px;gap:4px}.stat-label svg{width:14px;height:14px}.stat-value{font-size:25px}.stat-value span{display:block;margin:3px 0 0;font-size:11px}.toolbar{flex-wrap:wrap}.search{width:100%}.search input{width:100%}.tabs button{padding:8px 10px;font-size:12px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-body{padding:16px}.card-body h3{font-size:15px}.card-meta{font-size:11px;margin-bottom:13px;flex-wrap:wrap}.card-actions{flex-direction:column;gap:7px}.cover .tag{top:11px;left:11px;font-size:10px}.cover-bottom{left:15px;bottom:12px}.cover-symbol svg{width:45px;height:45px}.cover-type{font-size:8px}.cover-corner{right:10px;top:10px}.space-row{font-size:10px}.account>span{display:none}.auth-page{grid-template-columns:1fr}.auth-art{min-height:245px}.auth-art>img{object-position:50% 35%}.auth-art .brand{top:25px;left:25px}.auth-caption{left:27px;bottom:24px}.auth-caption .eyebrow,.auth-caption p{display:none}.auth-caption h1{font-size:25px;line-height:1.5}.auth-form-wrap{padding:32px 25px 40px}.auth-form{max-width:420px}.auth-form h1{font-size:25px}.viewer-layout{display:block;max-width:560px}.viewer-art{height:60svh;min-height:360px;max-height:640px}.viewer-art.empty-art{height:260px;min-height:0}.viewer-info{padding:31px 27px 40px}.viewer-info h1{font-size:29px}.viewer-watermark{top:25px;left:27px;font-size:10px}.viewer-info>.description{font-size:14px}.viewer-text{font-size:14px;line-height:2;margin-top:23px}.viewer-foot{margin-top:35px}.editor-footer{flex-wrap:wrap}.save-hint{width:100%;margin-bottom:5px}.field-grid{grid-template-columns:1fr}.media-grid{gap:7px}.kind-picker button{font-size:11px}.panel-title h3{font-size:16px}.panel{padding:21px 18px}.section-note{font-size:12px}.activate-panel{margin-top:0}}
@media(max-width:420px){.card-grid{grid-template-columns:1fr}.cover{aspect-ratio:1.7}.card-actions{flex-direction:row}.page-head>.row .btn.light{display:none}.stats .stat-label svg{display:none}.stat{padding:0 12px}.stat-value{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Incremental card presentation and creation tools. */
.help{font-size:12px;color:var(--muted);line-height:1.7}.photo-help{margin-top:11px}.photo-order{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;background:#17211ddb;color:white;min-height:28px;font-size:11px}.photo-order button{display:grid;place-items:center;background:transparent;color:white;width:28px;height:28px;padding:3px}.photo-order button:disabled{opacity:.25;cursor:default}.photo-order svg{width:15px;height:15px}.ai-panel .panel-title{margin-bottom:13px}.ai-quota{margin-bottom:22px;padding:10px 12px;border-radius:8px;background:#f3f6ee;font-variant-numeric:tabular-nums}.ai-note{margin-top:13px}.ai-jobs{margin-top:23px;display:flex;flex-direction:column;gap:13px}.ai-history-label{font-size:13px;font-weight:500;margin-bottom:2px}.ai-job{border:1px solid var(--line);border-radius:10px;padding:16px;min-width:0}.ai-job>.row strong{font-size:14px}.ai-job .tag{font-size:11px}.ai-result{padding:14px;margin-top:13px;border-radius:8px;background:#f7f9f3;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:290px;overflow:auto}.ai-result p{margin:7px 0;color:var(--muted)}.ai-job video{display:block;margin-top:14px;width:100%;max-height:270px;border-radius:8px;background:#101711}.ai-job-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:14px;flex-wrap:wrap}.ai-job-actions .btn{font-size:12px;min-height:35px;padding:7px 12px}.ai-panel .form-error:empty{display:none}.viewer-page,.phone-theme{--story-bg:#101711;--story-surface:#263e34;--story-accent:#d6f493;--story-description:#a8b5a5;--story-text:#c3ccbf;--story-soft:#87967f;background:var(--story-bg);color:#fff}.template-birthday{--story-bg:#321d29;--story-surface:#673444;--story-accent:#ffcedf;--story-description:#ddbdcd;--story-text:#ecd5e0;--story-soft:#d3adbf}.template-museum{--story-bg:#26211a;--story-surface:#514332;--story-accent:#e6c992;--story-description:#c5bbaa;--story-text:#e0d3bf;--story-soft:#bba887}.template-cosplay{--story-bg:#181729;--story-surface:#393652;--story-accent:#c6b5ff;--story-description:#b8b1d1;--story-text:#dbd4f1;--story-soft:#ada0ce}.template-gift{--story-bg:#123232;--story-surface:#28564f;--story-accent:#d0e9d7;--story-description:#b1cfc9;--story-text:#d0e3dd;--story-soft:#9cbbb0}.viewer-page .viewer-art,.phone-theme .viewer-art{background:var(--story-surface)}.viewer-page .viewer-art:after,.phone-theme .viewer-art:after{background:linear-gradient(transparent 50%,var(--story-bg))}.viewer-page .viewer-kicker,.phone-theme .viewer-kicker{color:var(--story-accent)}.viewer-page .description,.phone .phone-theme .description{color:var(--story-description)}.viewer-page .viewer-text{color:var(--story-text)}.viewer-page .player-card p,.viewer-page .player-card .eyebrow{color:var(--story-soft)}.viewer-page .btn.accent{background:var(--story-accent)}.viewer-page .empty-art svg{color:var(--story-accent)}.phone-theme .viewer-info{background:var(--story-bg)}.gallery-photo{animation:photo-appear .65s ease both}.motion-pan .gallery-photo{animation:photo-pan 12s ease-in-out infinite alternate}.slideshow-paused .gallery-photo{animation-play-state:paused}.slide-controls{gap:12px}.slide-controls .slide-index{margin-right:auto}.slide-controls .icon-btn{flex-shrink:0}.slide-controls [data-action="toggle-slides"]{width:33px;height:33px}.slide-controls [data-action="toggle-slides"] svg{width:15px;height:15px}@keyframes photo-appear{from{opacity:0}to{opacity:1}}@keyframes photo-pan{from{transform:scale(1.02) translate(-.6%,0)}to{transform:scale(1.1) translate(.6%,.4%)}}
@media(max-width:760px){.ai-job{padding:13px}.ai-quota{font-size:11px}.photo-order button{width:22px;height:25px}.photo-order svg{width:13px;height:13px}.slide-controls{left:23px;right:23px;gap:10px}.slide-controls .slide-index{letter-spacing:1px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.gallery-photo{animation:none!important}.motion-pan .gallery-photo{transform:none}}

/* Recognition, illustrated stories and factory batch presets. */
.kind-picker{grid-template-columns:repeat(5,minmax(0,1fr))}.checkbox-field{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.7;margin-bottom:12px}.checkbox-field input{width:17px;height:17px;flex-shrink:0;margin:3px 0;accent-color:#607b49}.entry-action{margin-top:25px;font-size:13px;color:#bfd5aa}.entry-action a{text-decoration:underline;text-underline-offset:4px}.phone .viewer-text{font-size:12px;line-height:1.9;margin-top:22px;overflow-wrap:anywhere;color:var(--story-text)}.phone-screen{max-height:760px;overflow-y:auto}.viewer-text,.viewer-info h1,.viewer-info .description{overflow-wrap:anywhere}.field input[readonly]{background:#f4f6f0;color:#65715e}.viewer-foot{flex-wrap:wrap}.cover.story{background:#40554a}
@media(max-width:760px){.kind-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.phone-screen{max-height:700px}.entry-action{font-size:12px}}

@media(max-width:760px){.page-head.editor-head{flex-direction:column;align-items:stretch;gap:16px}.editor-head>div:first-child{width:100%;min-width:0}.editor-title-row{flex-wrap:wrap;gap:10px}.editor-title-row h1{min-width:0;flex:1 1 180px;overflow-wrap:anywhere}.editor-title-row .icon-btn,.editor-title-row .tag{flex-shrink:0}.page-head.editor-head>.editor-head-actions{width:100%;flex-direction:row;align-items:center;flex-wrap:wrap;gap:9px}.page-head.editor-head>.editor-head-actions .btn.light{display:inline-flex;flex:1;min-width:0;font-size:12px;padding:10px 12px}.editor-head p{max-width:100%;overflow-wrap:anywhere}}

/* Photo movies use all card images in their current order. */
.movie-photos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.movie-photos figure{margin:0;min-width:0}.movie-photos img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.movie-photos figcaption{font-size:11px;color:var(--muted);margin-top:7px;text-align:center}.ai-panel .panel-title .eyebrow{font-size:10px;letter-spacing:1px}.ai-panel .panel-title{gap:12px;flex-wrap:wrap}.ai-note{overflow-wrap:anywhere}
@media(max-width:760px){.movie-photos{gap:7px}.movie-photos figcaption{font-size:10px}.ai-job>.row{flex-wrap:wrap;gap:8px}.ai-panel .panel-title .eyebrow{font-size:9px}}
