:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang TC","Noto Sans TC",sans-serif;color:#2b322d;background:#f8f8f5;font-synthesis:none;font-size:15px;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,textarea,select{outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid #78927f;outline-offset:2px}button{touch-action:manipulation}#app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid #e9eae5;background:#fbfbf9}.brand{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:600;letter-spacing:.045em}.brand-symbol{height:35px;width:35px;display:grid;place-items:center;background:#334f3f;color:#fff;font-size:13px;letter-spacing:0}.muted{color:#9aa29b;font-weight:400}.quiet-button,.link-button{color:#74847a;border:0;background:none;padding:9px 4px;font-size:13px}.quiet-button:hover,.link-button:hover{color:#263a2d}.steps{margin:0 auto;width:min(1120px,100%);padding:21px 24px 0;display:flex;gap:9px}.steps button{border:0;background:transparent;color:#949e94;padding:11px 15px;border-radius:9px;font-size:12px;letter-spacing:.05em}.steps button span{font-size:14px;margin-left:5px}.steps button.active{background:#e8ede8;color:#294c35;font-weight:650}.main{width:min(1120px,100%);padding:44px 24px 120px;margin:0 auto;flex:1}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:29px}.eyebrow{font-size:12px;color:#87978c;letter-spacing:.08em;margin:0 0 8px}.page-head h1{font-size:28px;line-height:1.3;letter-spacing:-.045em;font-weight:590;margin:0}.sub{font-size:13px;color:#8c958d;margin:8px 0 0}.card{background:#fff;border:1px solid #e9ede8;border-radius:14px;padding:24px}.two-col{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr);gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.full{grid-column:1/-1}.field>label,.group-label{font-size:12px;font-weight:600;color:#617066;letter-spacing:.02em}.field>input,.field>select,.field>textarea,select.native{background:#fafbf9;border:1px solid #e3e8e3;border-radius:9px;color:#344036;padding:12px 13px;width:100%;min-width:0;min-height:44px}.field>textarea{resize:vertical;min-height:90px;line-height:1.7}.field>input::placeholder,.field>textarea::placeholder{color:#a4aea5}.section-title{font-size:15px;font-weight:650;letter-spacing:-.02em;margin:0 0 18px}.soft-text{color:#87918a;font-size:12px;line-height:1.65}.content-divider{height:1px;background:#edf0ec;margin:24px 0}.pills{display:flex;flex-wrap:wrap;gap:7px}.pill{display:inline-flex;align-items:center;gap:5px;background:#f5f7f4;padding:7px 10px;border-radius:7px;font-size:12px;color:#607569;border:1px solid transparent;line-height:1.3}.pill.selectable{cursor:pointer}.pill.selected{background:#e5eee5;color:#2f593e;border-color:#b9cdbd}.pill.none{color:#a3aaa4}.stat{display:flex;align-items:baseline;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0eb}.stat:last-child{border-bottom:0}.stat .value{color:#365341;font-weight:600}.field-list{display:grid;gap:18px}.inline-options{display:flex;flex-wrap:wrap;gap:7px}.seg{background:#f4f6f2;border:1px solid transparent;border-radius:8px;padding:10px 14px;color:#738074;font-size:13px;min-height:43px}.seg.active{background:#e7eee7;border-color:#c9d7cb;color:#2e543c;font-weight:620}.counter{display:flex;align-items:center;gap:12px}.counter button{width:48px;height:48px;border:1px solid #e3e8e1;background:#f7f8f5;border-radius:11px;font-size:22px;color:#37543e}.counter output{display:grid;place-items:center;min-width:58px;font-weight:630;font-size:26px;font-variant-numeric:tabular-nums}.ratio-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ratio-item{height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #e5e9e4;border-radius:10px;background:#fff;color:#758376;font-size:12px}.ratio-item.active{border-color:#8dac98;background:#f2f7f2;color:#31523d}.ratio-shape{width:28px;max-height:39px;background:#cbd9cc;border-radius:2px}.ratio-item.active .ratio-shape{background:#6e9176}.mark-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mark{display:flex;align-items:center;gap:10px;padding:10px;background:#f8faf7;border-radius:9px;color:#5a695c;font-size:12px;cursor:pointer}.mark input,.checkline input{accent-color:#50745a;width:16px;height:16px;margin:0;flex-shrink:0}.checkline{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#728071;line-height:1.6;cursor:pointer}.upload{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.upload input[type=file]{max-width:100%;font-size:12px;color:#738074}.upload img{width:58px;height:68px;object-fit:contain;border:1px solid #e5e9e4;border-radius:8px;background:#fafaf8}.posters-layout{display:grid;grid-template-columns:212px minmax(0,1fr);gap:18px;align-items:start}.poster-list{display:grid;gap:7px;position:sticky;top:20px}.poster-list button{background:transparent;border:1px solid transparent;display:flex;align-items:center;gap:12px;padding:12px;text-align:left;border-radius:10px;width:100%;color:#738174}.poster-list button.active{background:#eaf0ea;color:#2d5239;border-color:#dbe7dd}.poster-mini{width:36px;height:46px;background:#dde5dd;border-radius:3px;display:grid;place-items:center;font-size:11px;font-weight:600;flex:none}.poster-list button.active .poster-mini{background:#658a6f;color:white}.poster-info{display:grid;gap:2px;min-width:0}.poster-info strong{font-size:12px;font-weight:600}.poster-info small{font-size:11px;color:#97a298;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-editor{display:grid;gap:16px}.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.mode-row{display:grid;grid-template-columns:114px 1fr;align-items:center;gap:12px;padding:9px 0}.mode-row .mode-title{font-size:13px;color:#5f6f62}.mode-row .inline-options{gap:6px}.mode-row .seg{padding:8px 11px;min-height:35px;font-size:12px}.mode-row+.mode-row{border-top:1px solid #f0f2ef}.caption{font-size:11px;color:#87968b;margin:3px 0}.hint{padding:13px 15px;background:#f4f5ef;border-radius:9px;color:#7d795b;font-size:12px;line-height:1.6}.danger{color:#986d59;background:#faf3ef}.tag{background:#e6efe7;color:#466e52;border-radius:6px;padding:5px 8px;font-size:11px}.output-list{display:grid;gap:15px}.output-card{padding:20px;background:#fff;border:1px solid #e6eae5;border-radius:12px}.output-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.output-title{font-size:14px;font-weight:650}.output-head-actions{display:flex;align-items:center;gap:14px}.output-card pre{font:12px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#59685b;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;background:#fafbf9;padding:14px;border-radius:8px;margin:0}.action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:#385942;color:white;border-radius:9px;padding:12px 19px;font-size:13px;font-weight:600;min-height:46px}.action:hover{background:#2c4834}.action.secondary{background:#e8efe8;color:#315540}.action.secondary:hover{background:#d9e6db}.action:disabled{opacity:.4}.bottom{position:fixed;bottom:0;left:0;right:0;border-top:1px solid #e9ede7;background:rgba(251,252,249,.97);padding:13px max(24px,calc((100vw - 1120px)/2 + 24px));display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:6;min-height:76px}.bottom small{color:#8f9a90;font-size:12px}.actions{display:flex;gap:8px;align-items:center}.ghost{border:1px solid #e3e8e1;background:#fff;color:#627363;border-radius:9px;padding:11px 16px;min-height:44px;font-size:13px}.loading{font-size:14px;color:#849184;padding:70px 0;text-align:center}.empty{color:#889688;font-size:13px;padding:17px;background:#f8faf7;border-radius:8px}#toast{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:#354f3b;color:white;padding:11px 18px;border-radius:8px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}#toast.visible{opacity:1}.total-count{font-size:13px;color:#839186}.out-actions{display:flex;flex-wrap:wrap;gap:10px}.footspace{height:10px}@media(max-width:800px){.two-col{grid-template-columns:1fr}.posters-layout{grid-template-columns:1fr}.poster-list{display:flex;position:static;overflow-x:auto;padding:0 0 6px;scrollbar-width:thin}.poster-list button{min-width:130px;width:auto}.poster-mini{width:30px;height:37px}.main{padding-top:29px}.page-head h1{font-size:25px}}@media(max-width:540px){.topbar{height:61px;padding:0 16px}.brand{font-size:11px}.brand-symbol{width:32px;height:32px}.steps{padding:13px 10px 0;gap:1px;justify-content:space-between}.steps button{padding:9px 7px;font-size:10px}.steps button span{font-size:12px;margin-left:2px}.main{padding:28px 14px 114px}.page-head{align-items:flex-start}.page-head h1{font-size:24px}.card{padding:18px;border-radius:12px}.form-grid,.compact-grid{grid-template-columns:1fr}.ratio-options{gap:5px}.ratio-item{height:75px}.ratio-shape{transform:scale(.8)}.mark-list{grid-template-columns:1fr}.bottom{padding:12px 14px;min-height:72px}.bottom small{max-width:110px}.mode-row{grid-template-columns:92px 1fr;gap:4px}.mode-row .seg{padding:8px 9px}.out-actions .action{flex:1}.output-card{padding:15px}.brand .muted{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.edit-details{border-top:1px solid #edf0ec;padding-top:16px;margin-top:1px}.edit-details summary{cursor:pointer;font-size:13px;font-weight:570;color:#597260;list-style:none;padding:2px 0;user-select:none}.edit-details summary::-webkit-details-marker{display:none}.edit-details summary::after{content:"+";float:right;color:#7e9a82;font-weight:400;font-size:18px;line-height:1}.edit-details[open] summary::after{content:"−"}.edit-details .field-list{padding-top:22px}

/* PP v0.2 — calibrated spacing, precise formats, native controls */
:root{--pp-ink:#2e3931;--pp-accent:#375943;--pp-muted:#748177;--pp-line:#e6eae5;--pp-surface:#fff;--pp-paper:#f8f9f6;--pp-soft:#f1f5f0;--pp-radius:12px}
.topbar,.steps,.main,.bottom{box-sizing:border-box}
.main{max-width:1120px}
.page-head{margin-bottom:26px}
.page-head h1{font-size:27px;font-weight:600;letter-spacing:-.045em}
.card{border-color:var(--pp-line);border-radius:var(--pp-radius);padding:24px}
.field{gap:8px}
.field>label,.group-label{font-size:12px;line-height:1.55;font-weight:600}
.field>select,.field>input,.field>textarea,select.native{border-radius:8px;line-height:1.5}
.field>select{padding-right:35px;text-overflow:ellipsis;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2375897a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.steps{gap:6px}
.steps button{min-height:42px;white-space:nowrap}
.steps button:hover:not(.active){background:#f0f3ee}
.counter output{min-width:60px}
.ratio-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ratio-item{min-width:0;height:101px;gap:5px;padding:9px 5px;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:background .14s ease}
.ratio-item.active{border-color:#799c82;background:#edf4ed}
.ratio-shape{flex:none;display:block;border-radius:2px;background:#cbd9cc}
.ratio-item.active .ratio-shape{background:#6f9777}
.ratio-shape.custom-shape{outline:1px dashed #829988;outline-offset:3px}
.ratio-title{font-size:12px;font-weight:620;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}
.ratio-name{font-size:10px;color:#96a197;line-height:1.25;text-align:center;max-width:100%}
.ratio-item.active .ratio-name{color:#6c8972}
.custom-format{display:grid;grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr) auto;align-items:end;column-gap:9px;row-gap:10px;margin-top:16px;padding:15px;border-radius:10px;background:#f6f8f4}
.custom-format .field>input{width:100%;min-height:44px}
.custom-by{align-self:end;padding-bottom:13px;font-size:15px;color:#8a988b}
.custom-readout{padding-bottom:13px;text-align:right;white-space:nowrap;font-size:12px;font-weight:600;color:#617e69;font-variant-numeric:tabular-nums}
.art-identity{margin-top:16px;background:#f7f9f6;border-radius:10px;padding:15px 16px;display:grid;gap:11px}
.art-identity-name{font-size:13px;letter-spacing:-.01em;font-weight:650;color:#45664d}
.art-identity-row{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;line-height:1.55}
.art-identity-row>span:first-child{font-size:11px;color:#8f9c90}
.art-identity-row>span:last-child{font-size:12px;color:#69776b}
.art-details{border-top:1px solid #edf0ec;margin-top:24px;padding-top:18px}
.art-details>summary{cursor:pointer;list-style:none;user-select:none;font-size:13px;color:#5b7962;font-weight:560;min-height:28px}
.art-details>summary::-webkit-details-marker{display:none}
.art-details>summary::after{content:"+";float:right;color:#718e78;font-weight:400;font-size:19px;line-height:1}
.art-details[open]>summary::after{content:"−"}
.art-settings{padding-top:20px}
.poster-bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mode-row{grid-template-columns:76px minmax(0,1fr);gap:10px}
.mode-row .inline-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.mode-row .seg{padding:10px 6px;width:100%;min-width:0;min-height:40px}
.poster-list button{border-radius:9px;min-width:0}
.poster-list button:hover:not(.active){background:#f0f3ef}
.output-card pre{font-size:12px;line-height:1.75}
button,summary{-webkit-tap-highlight-color:transparent}
@media(max-width:800px){.main{padding-top:30px}.poster-list button{min-width:134px}}
@media(max-width:540px){
 .topbar{padding-left:16px;padding-right:16px}
 .steps{padding-left:12px;padding-right:12px;gap:1px}
 .steps button{font-size:10px;padding:10px 6px;min-width:0;min-height:43px}
 .steps button span{font-size:11px}
 .main{padding:25px 14px calc(112px + env(safe-area-inset-bottom))}
 .page-head{margin-bottom:20px}
 .page-head h1{font-size:24px}
 .card{padding:18px}
 .ratio-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .ratio-item{height:96px}
 .ratio-name{font-size:10px}
 .custom-format{padding:12px;column-gap:7px;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:8px}
 .custom-readout{grid-column:1/-1;text-align:left;padding:0 0 1px}
 .field>select,.field>input,.field>textarea{font-size:16px}
 .mode-row{grid-template-columns:58px minmax(0,1fr);gap:8px}
 .mode-row .seg{font-size:12px;padding:9px 3px;min-height:43px}
 .art-identity{padding:14px}
 .art-identity-row{grid-template-columns:32px minmax(0,1fr);gap:8px}
 .poster-bottom-actions>.ghost{min-height:43px}
 .poster-bottom-actions{align-items:stretch}
 .poster-bottom-actions .actions{justify-content:space-between}
 .bottom{padding-bottom:calc(11px + env(safe-area-inset-bottom));min-height:74px}
 .bottom small{overflow:hidden;text-overflow:ellipsis}
}
@media(min-width:541px) and (max-width:800px){.ratio-options{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.ratio-item{transition:none}}

/* v0.3 — content-specific creative direction and collection output */
.creative-block{padding:19px 0 21px;border-bottom:1px solid #edf0ec;display:grid;gap:13px}
.creative-block:last-child{border-bottom:0;padding-bottom:0}
.creative-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.creative-header h3{font-size:14px;font-weight:610;color:#34463a;margin:0}
.creative-header span{font-size:11px;color:#869588}
.creative-intent{font-size:12px;color:#667e6a;line-height:1.65;margin:0;padding:12px 14px;border-radius:8px;background:#f7f9f6}
.creative-block.is-inactive .creative-intent{color:#879487;background:#fafbf9}
.output-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;border-radius:11px;background:#f1f4ef;margin-bottom:19px}
.output-mode-switch .seg{min-height:43px;font-size:13px;border-radius:8px;white-space:normal;line-height:1.3;padding:9px 12px}
.batch-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}
.batch-head .action{flex-shrink:0}
.batch-head h2{margin-bottom:8px}
.batch-preview,.single-preview{margin-top:20px;min-width:0}
.batch-preview summary,.single-preview summary{cursor:pointer;user-select:none;padding:11px 0;border-top:1px solid #e7ece6;color:#476b50;font-weight:550;font-size:13px}
.batch-preview summary:focus-visible,.single-preview summary:focus-visible{outline:2px solid #78927f;outline-offset:3px}
.batch-preview pre,.single-preview pre{font:12px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#526659;overflow-wrap:anywhere;white-space:pre-wrap;overflow:auto;max-height:510px;background:#f8faf7;border-radius:9px;padding:17px;margin:7px 0 0}
.output-subtitle{margin:21px 0 10px}
.output-plan{border-top:1px solid #edf0ec;display:grid}
.output-plan-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 1px;border-bottom:1px solid #edf0ec}
.output-plan-item>div{display:flex;gap:13px;align-items:baseline;min-width:0;flex-wrap:wrap}
.output-plan-item strong{font-size:12px;color:#476751;font-weight:660;font-variant-numeric:tabular-nums}
.output-plan-item span{font-size:13px;color:#3c4a3e;font-weight:560}
.output-plan-item small{font-size:11px;color:#829084;word-break:break-word}
.output-plan-item button{font-size:12px;padding:9px 12px;min-height:39px;flex-shrink:0}
.output-mode-switch + .out-actions{padding-bottom:4px}
@media(max-width:540px){
 .creative-block{padding:17px 0}
 .creative-block .compact-grid{gap:13px}
 .creative-header span{font-size:10px}
 .output-mode-switch .seg{font-size:12px;padding:8px 5px}
 .batch-head{flex-direction:column;gap:8px}
 .batch-head .action{width:100%}
 .batch-preview pre,.single-preview pre{padding:12px;font-size:11px;max-height:380px}
 .output-plan-item{gap:7px}
 .output-plan-item>div{gap:6px 10px}
 .output-plan-item button{padding:9px 10px}
}

/* v0.4 — contextual poster typography and measured brand controls */
.connected-options{margin-top:16px;padding:16px;border-radius:10px;background:#f7f9f6;display:grid;gap:10px}
.connected-options .field>select{background-color:#fff}
.connected-hint{font-size:12px;line-height:1.6;margin:11px 0 0;color:#7d8e7e}
.connected-options .connected-hint{margin-top:0}
.poster-editor .card .compact-grid{align-items:start}
.poster-editor .card .field>label{letter-spacing:.005em}
.poster-editor .card .field>select{min-height:47px}
.poster-editor .card .field>input{min-height:47px}
.poster-editor .creative-block:first-of-type{margin-top:13px}
.art-identity{border:1px solid #eff1ed}
@media(max-width:540px){
 .connected-options{padding:14px;margin-top:14px;gap:11px}
 .connected-options .compact-grid{gap:12px}
 .poster-editor .card .compact-grid{gap:14px}
 .connected-hint{font-size:11.5px}
}

/* PP v0.4.1 — role presets and conditional selection quality */
.role-preset-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}
.role-preset-bar>div{min-width:0;flex:1}
.role-preset-bar .section-title{margin-bottom:8px}
.role-preset-bar .soft-text{font-size:11px;line-height:1.6;max-width:36rem;margin:0}
.role-preset-bar .ghost{flex:none;font-size:12px;min-height:38px;padding:8px 12px}
@media(max-width:540px){.role-preset-bar{align-items:flex-start;gap:8px}
 .role-preset-bar .ghost{max-width:116px;white-space:normal;font-size:11px;line-height:1.3}
 .role-preset-bar .soft-text{font-size:11px}
}


/* iPhone home-screen Web App — native viewport and safe-area alignment */
html { min-height: 100%; background: #f8f8f5; }
body { background: #f8f8f5; }
#app { min-height: 100svh; min-height: 100dvh; }
/* Keep iPhone's system status bar; hide Safari browser chrome through
   standalone metadata rather than styling browser-owned address bars. */
@media (display-mode: standalone) {
  html, body { background-color: #f8f8f5; }
  #app { min-height: 100dvh; }
  .topbar { padding-top: env(safe-area-inset-top, 0px);
    height: calc(70px + env(safe-area-inset-top, 0px)); }
  .main { padding-bottom: calc(130px + env(safe-area-inset-bottom, 0px)); }
  .bottom { padding-bottom: calc(13px + env(safe-area-inset-bottom, 0px)); }
  #toast { top: calc(80px + env(safe-area-inset-top, 0px)); }
}
@media (display-mode: standalone) and (max-width: 540px) {
  .topbar { height: calc(61px + env(safe-area-inset-top, 0px)); }
  .main { padding-bottom: calc(130px + env(safe-area-inset-bottom, 0px)); }
  .bottom { padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    min-height: calc(72px + env(safe-area-inset-bottom, 0px)); }
}

/* PP 0.4.3 — information density, not control density */
.role-preset-bar{align-items:center;margin-bottom:10px;min-height:31px}
.role-preset-bar .section-title{margin:0}
.role-preset-bar .ghost{min-height:34px;padding:6px 11px}
.creative-block{padding:14px 0 15px;gap:10px}
.creative-header h3{font-size:13px}
.art-details{margin-top:18px}
@media(max-width:540px){.role-preset-bar{align-items:center}
 .role-preset-bar .ghost{max-width:none;white-space:nowrap}
 .creative-block{padding:12px 0 15px}
}