/* AF Custom Creations — My Storybook Phase 4: Cloud draft accents. */
.afcc-cloud-panel{display:grid;gap:18px;margin-top:20px}
.afcc-cloud-intro{margin:0;color:#294c40;line-height:1.65}
.afcc-cloud-artwork-warning{border-radius:18px;border:1px solid #d7c59c;background:#fff5dd;color:#5d4b2b;padding:14px 17px;line-height:1.55;font-size:.93rem}
.afcc-cloud-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.afcc-cloud-button,.afcc-cloud-editor-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;cursor:pointer;border-radius:999px;min-height:42px;padding:10px 17px;border:1px solid #a9c4b8;font:700 .91rem/1.2 system-ui,sans-serif;background:#fffef9;color:#123d30}
.afcc-cloud-primary{background:#0d513e;border-color:#0d513e;color:#fff}
.afcc-cloud-secondary{background:#f5ecd9;border-color:#dfc994}
.afcc-cloud-danger{background:#fff9f4;border-color:#eed0c7;color:#8b382b}
.afcc-cloud-button:hover,.afcc-cloud-editor-link:hover{filter:brightness(.96);transform:translateY(-1px)}
.afcc-cloud-button:focus-visible,.afcc-cloud-editor-link:focus-visible{outline:3px solid #d5af62;outline-offset:3px}
.afcc-cloud-message{margin:0;color:#255a49;font-weight:600;min-height:1.4em}.afcc-cloud-message.is-error{color:#9c382e}
.afcc-cloud-list{display:grid;gap:14px}.afcc-cloud-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;background:#fffdf7;border:1px solid #e0d3b4;border-radius:20px;padding:18px;box-shadow:0 7px 24px #163d3210}
.afcc-cloud-card-icon{font-size:1.7rem;min-width:36px}.afcc-cloud-card-text h4{font:600 1.24rem/1.2 Georgia,serif;margin:0 0 7px;color:#0a4233;overflow-wrap:anywhere}.afcc-cloud-meta{font-size:.85rem;color:#6a746b;margin:0}.afcc-cloud-art-marker{margin:7px 0 0;color:#795e31;font-size:.85rem}
.afcc-cloud-card-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.afcc-cloud-editor{margin:20px 0 28px;background:linear-gradient(140deg,#fefdf8,#f3ead9);padding:22px;border:1px solid #e3d2ac;border-radius:24px;box-shadow:0 12px 25px #15392d13}
.afcc-cloud-editor-heading{display:flex;gap:11px;align-items:center}.afcc-cloud-editor-heading h3{font:600 1.35rem/1.2 Georgia,serif;color:#0d4b3b;margin:0}.afcc-cloud-piece{font-size:1.4rem}.afcc-cloud-editor p{line-height:1.55}.afcc-cloud-editor label{display:grid;gap:7px;color:#144434;font-weight:700;margin-bottom:14px}.afcc-cloud-editor input{width:100%;max-width:420px;min-height:43px;padding:10px 14px;border:1px solid #b6c5b7;border-radius:12px;background:#fff;color:#18342b;font:inherit}.afcc-cloud-editor-link{padding:11px 15px}
@media(max-width:690px){.afcc-cloud-card{grid-template-columns:1fr;gap:9px}.afcc-cloud-card-icon{display:none}.afcc-cloud-card-buttons{justify-content:flex-start}.afcc-cloud-card-buttons>*{flex:1}.afcc-cloud-editor{padding:17px}.afcc-cloud-actions{align-items:stretch}.afcc-cloud-actions>*{max-width:100%;flex:1 1 180px}}
@media(prefers-reduced-motion:reduce){.afcc-cloud-button:hover,.afcc-cloud-editor-link:hover{transform:none}}


/* My Storybook Save-Only: visible mobile link and clear primary cloud action. */
.afcc-storybook-quicklink{display:none;}
.afcc-cloud-editor{margin:16px 0 25px;}
.afcc-cloud-editor .afcc-cloud-editor-save,
.afcc-cloud-editor .afcc-cloud-editor-save.studio-secondary{
  background:#0d513e!important;border-color:#0d513e!important;color:#fff!important;
  font-weight:800;box-shadow:0 8px 20px rgba(10,65,48,.12);
}
.afcc-cloud-editor .afcc-cloud-editor-save:focus-visible{outline:3px solid #d5af62;outline-offset:3px}
.afcc-cloud-editor-link{background:#fffefa;}
#load-design-spec[hidden]{display:none!important;}
@media(max-width:850px){
  .afcc-storybook-quicklink{
    display:flex;align-items:center;justify-content:center;
    gap:9px;padding:10px 14px;
    background:#f1e4c8;color:#0c4131;
    border-block:1px solid #d9bf8d;
    font:700 14px/1.4 system-ui,sans-serif;
    text-align:center;
  }
  .afcc-storybook-quicklink a{
    display:inline-flex;align-items:center;justify-content:center;
    padding:10px 18px;min-height:44px;border-radius:999px;
    text-decoration:none;background:#0d513e;color:#fff!important;
    font-weight:800;border:1px solid #0b4a38;
    box-shadow:0 4px 10px rgba(0,0,0,.09);
  }
  .afcc-storybook-quicklink a:focus-visible{outline:3px solid #ad8139;outline-offset:3px;}
  .afcc-cloud-editor .afcc-cloud-actions{display:grid;grid-template-columns:1fr;gap:10px;}
  .afcc-cloud-editor .afcc-cloud-actions>*{width:100%;max-width:none;}
  .afcc-cloud-editor .afcc-cloud-editor-save{min-height:49px;}
}

/* AFCC_STORYBOOK_SAVE_CONFIRMATION_V1 */
.afcc-cloud-message.is-success{
 display:block;margin:14px 0;padding:14px 16px;
 background:#e6f5ea;color:#115536;border:1px solid #84c8a0;
 border-radius:15px;font-weight:750;line-height:1.5;
}
.afcc-cloud-save-toast{
 position:fixed;z-index:2147483000;top:max(18px, env(safe-area-inset-top));right:18px;
 width:min(410px,calc(100vw - 36px));
 padding:19px;border:1px solid #a6c49e;border-radius:22px;
 background:#fffdf5;color:#153b2e;
 box-shadow:0 22px 65px rgba(4,39,27,.28);
 font:500 14px/1.45 system-ui,-apple-system,sans-serif;
 animation:afcc-save-toast-in .24s ease-out;
}
.afcc-save-toast-top{display:flex;gap:12px;align-items:center}
.afcc-save-toast-emblem{background:#0d513e;color:#fff;border-radius:15px;display:grid;place-items:center;width:48px;height:48px;font-size:25px;flex:none}
.afcc-save-toast-body{min-width:0;overflow-wrap:anywhere}
.afcc-save-toast-title{color:#0a4c36;font:750 19px/1.25 system-ui,-apple-system,sans-serif}
.afcc-save-toast-name{font-weight:600;margin:4px 0 0;color:#425b4a}
.afcc-save-toast-detail{font-size:13px;color:#4b6152;margin:12px 0 14px}
.afcc-save-toast-actions{display:flex;flex-wrap:wrap;gap:9px}
.afcc-save-toast-view,.afcc-save-toast-close{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:43px;padding:10px 16px;border-radius:999px;
 font:750 13px/1.25 system-ui,-apple-system,sans-serif;cursor:pointer;
 text-decoration:none;
}
.afcc-save-toast-view{background:#0d513e;color:white!important;border:1px solid #0d513e;flex:1}
.afcc-save-toast-close{background:#fffdf5;color:#28563f;border:1px solid #9cbeab}
.afcc-cloud-save-toast :is(a,button):focus-visible{outline:3px solid #d4aa55;outline-offset:3px}
@keyframes afcc-save-toast-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){
 .afcc-cloud-save-toast{top:max(72px,env(safe-area-inset-top));left:12px;right:12px;width:auto;padding:16px}
 .afcc-save-toast-title{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.afcc-cloud-save-toast{animation:none}}