.platform-shell{--p-bg: #f5f5f7;--p-surface: #ffffff;--p-surface-2: #fbfbfd;--p-surface-3: #f3f3f5;--p-line: rgba(0, 0, 0, .09);--p-line-2: rgba(0, 0, 0, .14);--p-ink: #1d1d1f;--p-ink-2: #3a3a3c;--p-muted: #6e6e73;--p-muted-2: #8e8e93;--p-blue: #0071e3;--p-green: #1d9b4e;--p-grad: linear-gradient(120deg, #0071e3, #0a9b8a 55%, #1d9b4e);--p-radius: 16px;--p-radius-sm: 11px;--p-radius-lg: 22px;--p-ease: cubic-bezier(.32, .08, .24, 1);--p-sidebar-w: 268px}.platform-shell{display:grid;grid-template-columns:var(--p-sidebar-w) 1fr;min-height:100vh;background:var(--p-bg);color:var(--p-ink);-webkit-font-smoothing:antialiased;letter-spacing:-.011em}.platform-shell *::selection{background:#0071e32e}.platform-shell .app-sidebar{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;background:#ffffffc7;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-right:1px solid var(--p-line);padding:20px 16px;display:flex;flex-direction:column;gap:6px}.platform-shell .app-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px;font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--p-ink)}.platform-shell .brand-logo{width:30px;height:30px}.platform-shell .app-nav{display:flex;flex-direction:column;gap:2px}.platform-shell .app-nav a{padding:9px 11px;border-radius:var(--p-radius-sm);color:var(--p-ink-2);font-size:13.5px;font-weight:450;text-decoration:none;transition:background .18s var(--p-ease),color .18s var(--p-ease)}.platform-shell .app-nav a:hover{background:#0000000a;color:var(--p-ink)}.platform-shell .app-nav a.active{background:#0071e31a;color:var(--p-blue);font-weight:500}.platform-shell .sidebar-section{margin-top:14px}.platform-shell .sidebar-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--p-muted-2);padding:0 8px;margin:4px 0 8px}.platform-shell .tool-nav a{display:flex;align-items:center;gap:10px}.platform-shell .tool-nav a:before{content:"";width:6px;height:6px;border-radius:50%;background:#c7c7cc;flex:0 0 auto;transition:background .18s var(--p-ease),box-shadow .18s var(--p-ease)}.platform-shell .tool-nav a.active{background:#0000000d;color:var(--p-ink);font-weight:500}.platform-shell .tool-nav a.active:before{background:var(--p-blue);box-shadow:0 0 7px #0071e399}.platform-shell .app-main{min-width:0;padding:30px 40px 80px;max-width:1120px;margin:0 auto;width:100%}.platform-shell .app-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:26px}.platform-shell .app-topbar .eyebrow,.platform-shell .panel-heading .eyebrow{font-size:13px;font-weight:600;color:var(--p-blue);margin:0 0 7px;letter-spacing:-.01em;text-transform:none}.platform-shell .app-topbar h1{margin:0;font-size:30px;font-weight:600;letter-spacing:-.03em;color:var(--p-ink)}.platform-shell .app-topbar>div>p:last-child{margin:8px 0 0;color:var(--p-muted);font-size:14.5px}.platform-shell .button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 18px;border-radius:980px;background:var(--p-blue);color:#fff;font-size:14px;font-weight:500;letter-spacing:-.01em;text-decoration:none;border:0;transition:background .2s var(--p-ease),transform .2s var(--p-ease)}.platform-shell .button:hover{background:#0077ed;transform:translateY(-1px)}.platform-shell .button:active{transform:translateY(0)}.platform-shell .button:disabled{opacity:.5;cursor:default;transform:none}.platform-shell .metric-grid{display:grid;gap:14px;margin-bottom:8px}.platform-shell .metric-grid-three{grid-template-columns:repeat(3,1fr)}.platform-shell .metric-card{background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-radius);padding:17px 19px;box-shadow:0 1px 2px #0000000a;position:relative}.platform-shell .metric-card span{font-size:12.5px;color:var(--p-muted)}.platform-shell .metric-card strong{display:block;font-size:30px;font-weight:600;letter-spacing:-.03em;margin:8px 0 4px;line-height:1}.platform-shell .metric-card #quota-state{color:var(--p-green)}.platform-shell .metric-card p{margin:0;font-size:11.5px;color:var(--p-muted-2)}.platform-shell .panel{background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-radius-lg);padding:26px;margin-top:18px;box-shadow:0 1px 3px #0000000d}.platform-shell .panel>h2{margin:0 0 4px;font-size:21px;font-weight:600;letter-spacing:-.022em;color:var(--p-ink)}.platform-shell .panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.platform-shell .panel-heading h2{margin:0;font-size:21px;font-weight:600;letter-spacing:-.022em}.platform-shell .panel-heading>p{margin:0;color:var(--p-muted-2);font-size:13px;max-width:38ch}.platform-shell .panel-copy{color:var(--p-muted);font-size:13.5px}.platform-shell .app-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.platform-shell .tool-card{text-align:left;position:relative;overflow:hidden;cursor:pointer;background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-radius);padding:17px 17px 18px;box-shadow:0 1px 2px #0000000a;transition:transform .26s var(--p-ease),border-color .26s var(--p-ease),box-shadow .26s var(--p-ease)}.platform-shell .tool-card:hover{transform:translateY(-3px);border-color:var(--p-line-2);box-shadow:0 14px 30px #00000017}.platform-shell .tool-card.active{border-color:#0071e380;box-shadow:0 0 0 1px #0071e366,0 12px 28px #0071e31f}.platform-shell .tool-card.active:after{content:"✓";position:absolute;top:14px;right:15px;width:20px;height:20px;border-radius:50%;background:var(--p-blue);color:#fff;font-size:12px;display:grid;place-items:center}.platform-shell .tool-card>span{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:980px;background:#0000000d;color:var(--p-ink-2)}.platform-shell .tool-card>strong{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.015em;margin:11px 0 5px;color:var(--p-ink)}.platform-shell .tool-card>small{display:block;font-size:12px;color:var(--p-muted);line-height:1.5}.platform-shell .tool-card-detail{margin-top:13px;padding-top:12px;border-top:1px solid var(--p-line);display:grid;gap:4px}.platform-shell .tool-card-detail p{margin:0;font-size:11px;color:var(--p-muted-2)}.platform-shell .tool-card>span{background:#0000000d;color:var(--p-ink-2)}.platform-shell .tool-tone-default>span{background:#0000000d;color:var(--p-ink-2)}.platform-shell .tool-tone-dark>span,.platform-shell .tool-tone-teal>span{background:#0a9b8a21;color:#0a8576}.platform-shell .tool-tone-blue>span{background:#0071e31f;color:#0062c4}.platform-shell .tool-tone-green>span{background:#1d9b4e21;color:#198544}.platform-shell .tool-tone-amber>span{background:#b8860b26;color:#9a7109}.platform-shell .tool-tone-purple>span{background:#8344d621;color:#7339c0}.platform-shell .tool-tone-rose>span{background:#d6336c1f;color:#c12c60}.platform-shell .featured-tool,.platform-shell .tool-tone-dark.featured-tool{background:linear-gradient(158deg,rgba(10,155,138,.09),var(--p-surface) 60%);border-color:#0a9b8a47}.platform-shell .featured-tool:hover{box-shadow:0 14px 30px #0a9b8a24}.platform-shell #workbench-title{margin:0 0 4px;font-size:19px;font-weight:600;letter-spacing:-.02em}.platform-shell #tool-helper{margin:0 0 20px}.platform-shell .workshop-card{background:var(--p-surface-2);border:1px solid var(--p-line);border-radius:var(--p-radius);padding:18px;margin-bottom:14px}.platform-shell .workshop-label{display:block;font-size:13px;font-weight:600;color:var(--p-ink-2);margin-bottom:12px;letter-spacing:-.01em}.platform-shell .upload-dropzone{position:relative;border:1.5px dashed var(--p-line-2);border-radius:var(--p-radius);padding:26px;text-align:center;background:var(--p-surface);cursor:pointer;transition:border-color .2s var(--p-ease),background .2s var(--p-ease)}.platform-shell .upload-dropzone:hover,.platform-shell .upload-dropzone.drag,.platform-shell .upload-dropzone:focus-visible{border-color:#0071e38c;background:#0071e30a;outline:none}.platform-shell .upload-dropzone .file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.platform-shell .upload-icon{width:40px;height:40px;border-radius:50%;margin:0 auto 11px;display:grid;place-items:center;background:#0071e31f;color:#0062c4;font-size:19px}.platform-shell .upload-dropzone strong{display:block;font-size:14px;font-weight:600;color:var(--p-ink)}.platform-shell .upload-dropzone p{margin:6px 0 0;font-size:11.5px;color:var(--p-muted-2)}.platform-shell .form-status{margin:9px 0 0;font-size:12px;color:var(--p-muted)}.platform-shell .field-help{margin:9px 0 0;font-size:11.5px;color:var(--p-muted-2)}.platform-shell .file-list{display:grid;gap:9px;margin-top:9px}.platform-shell .file-chip{display:flex;align-items:center;gap:11px;padding:10px 13px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:11px}.platform-shell .file-thumb{width:30px;height:30px;border-radius:7px;overflow:hidden;flex:0 0 auto;background:#0071e31f;color:#0062c4;display:grid;place-items:center;font-size:11px;font-weight:600}.platform-shell .file-thumb img{width:100%;height:100%;object-fit:cover}.platform-shell .file-chip strong{font-size:13px;font-weight:500;color:var(--p-ink)}.platform-shell .file-chip small{display:block;font-size:11px;color:var(--p-muted-2)}.platform-shell .file-chip button{margin-left:auto;width:24px;height:24px;border-radius:7px;border:0;background:none;color:var(--p-muted-2);font-size:16px;cursor:pointer;display:grid;place-items:center;transition:background .18s,color .18s}.platform-shell .file-chip button:hover{background:#0000000f;color:var(--p-ink)}.platform-shell .template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.platform-shell .template-card{text-align:left;cursor:pointer;background:var(--p-surface);border:1px solid var(--p-line);border-radius:12px;padding:13px;transition:border-color .2s var(--p-ease),box-shadow .2s var(--p-ease),background .2s var(--p-ease)}.platform-shell .template-card:hover{border-color:var(--p-line-2);box-shadow:0 6px 16px #0000000f}.platform-shell .template-card.active{border-color:#0071e380;background:#0071e30d}.platform-shell .template-card>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--p-grad);color:#fff;font-size:12px;font-weight:600}.platform-shell .template-card>strong{display:block;font-size:13px;font-weight:600;margin:10px 0 4px;letter-spacing:-.01em;color:var(--p-ink)}.platform-shell .template-card>small{display:block;font-size:11px;color:var(--p-muted-2);line-height:1.45}.platform-shell .tool-blueprint{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:4px 0 18px}.platform-shell .tool-blueprint>div{background:var(--p-surface-2);border:1px solid var(--p-line);border-radius:var(--p-radius);padding:16px}.platform-shell .tool-blueprint span{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--p-muted-2)}.platform-shell .tool-blueprint ul{margin:10px 0 0;padding-left:16px}.platform-shell .tool-blueprint li{font-size:12.5px;color:var(--p-ink-2);margin-bottom:5px}.platform-shell .workbench-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.platform-shell .field{display:grid;gap:8px}.platform-shell .field.full{grid-column:1 / -1}.platform-shell .field label{font-size:13px;font-weight:600;color:var(--p-ink-2);letter-spacing:-.01em}.platform-shell .field input,.platform-shell .field select,.platform-shell .field textarea,.platform-shell #workshop-instruction{width:100%;background:var(--p-surface);border:1px solid var(--p-line-2);border-radius:12px;padding:13px 15px;font-size:13.5px;line-height:1.6;color:var(--p-ink);outline:0;transition:border-color .2s var(--p-ease),box-shadow .2s var(--p-ease)}.platform-shell #workshop-instruction{min-height:130px;resize:vertical}.platform-shell .field textarea{min-height:120px;resize:vertical}.platform-shell .field input:focus,.platform-shell .field select:focus,.platform-shell .field textarea:focus,.platform-shell #workshop-instruction:focus{border-color:#0071e38c;box-shadow:0 0 0 3px #0071e31a}.platform-shell .workbench-form .button{grid-column:1 / -1;justify-self:start;min-height:46px;padding:0 26px;font-size:15px}.platform-shell .generation-progress{margin-top:20px;background:var(--p-surface-2);border:1px solid var(--p-line);border-radius:var(--p-radius);padding:18px 20px}.platform-shell .progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.platform-shell .progress-head strong{font-size:14px;font-weight:600}.platform-shell .progress-head span{font-size:12px;color:var(--p-muted)}.platform-shell .progress-track{height:7px;border-radius:980px;background:#00000014;overflow:hidden}.platform-shell .progress-fill{height:100%;width:0;border-radius:980px;background:linear-gradient(90deg,#0071e3,#0a9b8a);transition:width .4s linear}.platform-shell .generation-progress p{margin:11px 0 0;font-size:12.5px;color:var(--p-muted)}.platform-shell .generated-output{margin-top:20px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-radius);overflow:hidden;box-shadow:0 1px 3px #0000000d}.platform-shell .generated-output-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--p-line);background:var(--p-surface-2)}.platform-shell .generated-output-title span{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--p-muted-2)}.platform-shell .generated-output-title h3{margin:4px 0 0;font-size:17px;font-weight:600;letter-spacing:-.02em}.platform-shell .generated-rich,.platform-shell .generated-document{padding:24px 28px;font-size:13.5px;line-height:1.7;color:var(--p-ink-2)}.platform-shell .generated-document h1,.platform-shell .generated-document h2,.platform-shell .generated-document h3,.platform-shell .generated-document h4{color:var(--p-ink);font-weight:600;letter-spacing:-.02em;margin:20px 0 9px}.platform-shell .generated-document h4{font-size:15px}.platform-shell .generated-document>:first-child{margin-top:0}.platform-shell .generated-document p{margin:0 0 11px}.platform-shell .generated-document ul,.platform-shell .generated-document ol{margin:0 0 12px;padding-left:20px}.platform-shell .generated-document li{margin-bottom:5px}.platform-shell .generated-document code{background:var(--p-surface-3);padding:1px 6px;border-radius:5px;font-size:12px}.platform-shell .generated-table-wrap{overflow-x:auto;margin:8px 0 16px}.platform-shell .generated-document table{width:100%;border-collapse:collapse;font-size:12.5px}.platform-shell .generated-document th,.platform-shell .generated-document td{border:1px solid var(--p-line-2);padding:8px 11px;text-align:left}.platform-shell .generated-document th{background:var(--p-surface-3);color:var(--p-ink);font-weight:600}.platform-shell .generated-document td{color:var(--p-ink-2)}.platform-shell .history-list{display:grid;gap:9px}.platform-shell .history-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:12px;box-shadow:0 1px 2px #00000008;transition:border-color .2s,box-shadow .2s}.platform-shell .history-item:hover{border-color:var(--p-line-2);box-shadow:0 8px 20px #00000012}.platform-shell .history-item strong{font-size:13.5px;font-weight:500;color:var(--p-ink)}.platform-shell .history-item p{margin:3px 0 0;font-size:11.5px;color:var(--p-muted-2)}.platform-shell .history-item>span{margin-left:auto;flex:0 0 auto;font-size:11px;padding:4px 10px;border-radius:980px;background:#1d9b4e1f;color:#198544}@media(max-width:940px){.platform-shell{grid-template-columns:1fr}.platform-shell .app-sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 14px;border-right:0;border-bottom:1px solid var(--p-line)}.platform-shell .app-brand{padding:0}.platform-shell .sidebar-section{margin-top:0;width:100%}.platform-shell .app-nav{flex-direction:row;flex-wrap:wrap}.platform-shell .tool-nav a:before{display:none}.platform-shell .app-main{padding:22px 20px 70px}.platform-shell .app-topbar h1{font-size:24px}.platform-shell .metric-grid-three,.platform-shell .app-tool-grid,.platform-shell .template-grid,.platform-shell .tool-blueprint,.platform-shell .workbench-form{grid-template-columns:1fr}}